Typography

Type Scale

Type sizes are based on a modular type scale with a base text size of 18 and a scale of 1.5

Large screen type sizes

Size 91 / Line Height 102

H1 Headlines - Homepage

Size 60 / Line Height 78

H2 Headlines - All pages except homepage

Size 40 / Line Height 54

H3 Headlines

Size 27 / Line Height 42

H4 Headlines - Intro copy, quotes

Size 18 / Line Height 30

Paragraph copy

Size 12 / Line Height 18

Captions, small paragraph copy
Small Screen Type Sizes

Size 40 / Line Height 54

H1, H2 Headlines

Size 27 / Line Height 42

H3 Headlines

Size 18 / Line Height 30

Paragraph copy

Size 12 / Line Height 18

Captions, small paragraph copy

Buttons

Default
Hover
Disabled

Color

#ff3d25
C=0 M=90 Y=98 K=0
R=255 G=61 B=37
#1e2122
C=74 M=66 Y=64 K=73
R=30 G=33 B=34
#d0d6d2
C=18 M=10 Y=15 K=0
R=208 G=213 B=210
#f5f7f6
C=3 M=1 Y=2 K=0
R=245 G=247 B=246
#ffffff
C=0 M=0 Y=0 K=0
R=255 G=255 B=255

Forms

Text Inputs
Error State Text
Radios and Checkboxes

Grid

Large Screens: Grid Width: 1140px # of Columns: 12 Gutter Width: 30px

Medium Screens: Grid Width: 720px # of Columns: 12 Gutter Width: 30px

Small Screens: Grid Width: 540px # of Columns: 12 Gutter Width: 30px