Labels & Text Elements:
Form Heading
Form Heading
Font Size: 1.3125rem (21px)
Line Height: 1.6875rem (27px)
Max Character Count: 39
Field Label - w/ "(Optional)" Marker
Field Label
Font Size: .75rem (12px)
Font Weight: 600 / Semibold
"(optional)" Font Weight: 300 / Light
Line Height: .875rem (14px)
Margin Bottom: .4375rem (7px)
Input Field - w/ Placeholder Text
Input Field
Font Size: 1rem (16px)
Line Height: 1.625rem (26px)
Padding (L/R): 15px
Placeholder Text Color: Warm Grey
Input Hint Text
Input Hint Text
Font Size: .75rem (12px)
Line Height: 1.25rem (20px)
Margin Bottom: 1.875rem (30px)
Max Character Count: 260
Text Area
Text Area
Font Size: 1rem (16px)
Line Height: 1.625rem (26px)
Padding (All Sides): 15px
Selection Elements:
Checkboxes
Checkboxes
Checkbox
Border: 2px Warm Grey
Height / Width: 18px
Margin Bottom: .625rem (10px)
Checkbox Label
Font Size: 1rem (16px)
Line Height: 1rem (16px)
Margin Bottom: .9375rem (15px)
Dropdown
Dropdown
Font Size: 1rem (16px)
Line Height: 1.25rem (20px)
Margin Bottom: 1.625rem (26px)
Radio Buttons
Radio Buttons
Radio Button
Border: 2px Warm Grey
Height / Width: 18px
Margin Bottom: .625rem (10px)
Radio Button Label
Font Size: 1rem (16px)
Line Height: 1rem (16px)
Margin Bottom: .9375rem (15px)