Colors Edit

Primary Colors
  • #4bb8e9
  • RGB (75, 184, 233)
  • CMYK (67, 21, 0, 8)

Comment

  • #dc7937
  • RGB (220, 121, 55)
  • CMYK (0, 45, 75, 13)

Comment

  • #58bc43
  • RGB (88, 188, 67)
  • CMYK (53, 0, 64, 26)

Comment

  • #00334b
  • RGB (0, 51, 75)
  • CMYK (100, 32, 0, 70)

Comment

Secondary Colors
  • #f5f8fb
  • RGB (245, 248, 251)
  • CMYK (2, 1, 0, 1)

Comment

  • #e5e5e5
  • RGB (229, 229, 229)
  • CMYK (0, 0, 0, 10)

Comment

  • #6f7b85
  • RGB (111, 123, 133)
  • CMYK (16, 7, 0, 47)

Comment

  • #f9f9f9
  • RGB (249, 249, 249)
  • CMYK (0, 0, 0, 2)

Comment

Typography Edit

Typefaces
Google Fonts Link
Class Headings
Roboto Condensed - Light
58px
Line Height: 72px
Roboto Condensed - Light
48px
Line Height: 64px
Roboto Condensed - Light
40px
Line Height: 52px
Roboto Condensed - Light
36px
Line Height: 48px
Roboto Condensed - Bold
14px
Character spacing: 1px
Roboto Condensed - Bold
14px
Character spacing: 1px
Paragraphs
Roboto Condensed - Light
24px
Line Height: 38px
Spacing After: 18px
Roboto Condensed - Light
18px
Line Height: 30px
Spacing After: 14px
Blockquote
24px
Line Height: 38px
Lists
18px
Line Height: 28px
Spacing After: 12px
Marker: disc
Roboto Condensed Semibold
14px
#4bb8e9

Buttons Edit

Roboto Condensed Semibold
14px
Character spacing: 1px
Border Radius: 25px
Padding: 10px 30px

Form Fields Edit

Roboto Condensed - Regular
20px
Text Color: #ffffff
Border: Border: none, Border-bottom: 1px solid #3897c2

Assets Edit

Download

Comment

3 ways the Industries icons are used throughout website.

Notes Edit