Primary scale
0
10
20
30
40
50
60
70
80
90
100
Semantic colors
Primary
Secondary
Error
Typography (Poppins) — Regular & Bold
H1 · 48/60
RegularBold
H2 · 40/52
RegularBold
H3 · 32/38
RegularBold
H4 · 28/36
RegularBold
H5 · 24/32
RegularBold
H6 · 20/28
RegularBold
Big body · 18/26
RegularBold
Body · 16/24
RegularBold
Small body · 14/20
RegularBold
Caption · 12/20
RegularBold
Content tiers
Title — the spectrum sees everything.
Primary — the spectrum sees everything.
Secondary — the spectrum sees everything.
Tertiary — the spectrum sees everything.
Disabled — the spectrum sees everything.
Border radius
xs · 8
sm · 12
md · 16
lg · 24
xl · 40
Spacing — grid gutters
gutter-xs · 8
gutter-sm · 12
gutter-md · 16
gutter-lg · 48