Typography
Responsive text styles and hierarchy guidelines for desktop, tablet, and mobile.
Type Scale
Desktop scale with the largest heading hierarchy and comfortable body rhythm.
Switch tabs to compare typography sizes across breakpoints.
Type
Heading 1
Font size
32px
Font weight
600
Line height
40px
Letter spacing
-0.02em
Type
Heading 2
Font size
24px
Font weight
600
Line height
32px
Letter spacing
-0.01em
Type
Heading 3
Font size
20px
Font weight
600
Line height
28px
Letter spacing
-0.005em
Type
Table heading
Font size
13px
Font weight
600
Line height
18px
Letter spacing
0em
Type
Body
Font size
14px
Font weight
400
Line height
22px
Letter spacing
0em
Type
Body strong
Font size
14px
Font weight
600
Line height
22px
Letter spacing
0em
Type
Link
Font size
14px
Font weight
500
Line height
22px
Letter spacing
0em
Type
Button
Font size
14px
Font weight
600
Line height
20px
Letter spacing
0.01em
Type
Caption / label / helper text
Font size
12px
Font weight
400
Line height
18px
Letter spacing
0.01em
Type
Foot notes
Font size
11px
Font weight
400
Line height
16px
Letter spacing
0.01em