Documentation

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.

Design system heading 1

Type

Heading 1

Font size

32px

Font weight

600

Line height

40px

Letter spacing

-0.02em

Design system heading 2

Type

Heading 2

Font size

24px

Font weight

600

Line height

32px

Letter spacing

-0.01em

Design system heading 3

Type

Heading 3

Font size

20px

Font weight

600

Line height

28px

Letter spacing

-0.005em

Column header

Type

Table heading

Font size

13px

Font weight

600

Line height

18px

Letter spacing

0em

Body text for longer paragraphs and descriptions.

Type

Body

Font size

14px

Font weight

400

Line height

22px

Letter spacing

0em

Body strong emphasizes important content.

Type

Body strong

Font size

14px

Font weight

600

Line height

22px

Letter spacing

0em

Open linked content

Type

Link

Font size

14px

Font weight

500

Line height

22px

Letter spacing

0em

Primary action

Type

Button

Font size

14px

Font weight

600

Line height

20px

Letter spacing

0.01em

Helper text under a form field.

Type

Caption / label / helper text

Font size

12px

Font weight

400

Line height

18px

Letter spacing

0.01em

Legal or secondary reference note.

Type

Foot notes

Font size

11px

Font weight

400

Line height

16px

Letter spacing

0.01em