Typography
Titles
Headerxl2_Regular
Headerxl1_Regular
H1_Regular
H2_Regular
H3_regular
H4_Regular
H5_Regular
H6_Regular
H1_Semibold
H2_Semibold
H3_Semibold
H4_Semibold
H5_Semibold
H6_Semibold
Body
body_regular
body_regular
body_semibold
body_bold
callout_bold
callout_regular
footnote_bold
footnote_regular
Label
Button
Captions
caption1_bold
caption1_regular
caption2_bold
caption2_regular
Brand Colors
Green / Grey
Dark Green
Hover Green
Mid Green
Light Green
Blue
Blue
Mid Blue
Hover Blue
Light Blue
Blue
Pink
Pink
Mid Pink
Light Pink
Yellow
Yellow
Mid Yellow
Light Yellow
UI Grayscale
Grays
900
800
700
600
500
400
300
200
100
50
White
Black
Status
Alert Light
900
700
500
Alert Dark
900
700
500
Error Light
900
700
500
Error Dark
900
700
500
Grid
4px - paddings
py-1 (4px vertical)
py-2 (8px vertical)
py-3 (12px vertical)
py-4 (16px vertical)
py-5 (20px vertical)
py-6 (24px vertical)
py-7 (28px vertical)
py-8 (32px vertical)
py-9 (36px vertical)
py-10 (40px vertical)
py-1 (4px vertical)
py-2 (8px vertical)
py-3 (12px vertical)
py-4 (16px vertical)
py-5 (20px vertical)
py-6 (24px vertical)
py-7 (28px vertical)
py-8 (32px vertical)
py-9 (36px vertical)
py-10 (40px vertical)
/* URL fixes */