Heading type scale

The first number is the type size. The second number is the line spacing or leading. 

Name

Sizing

WEIGHT

Use cases

Heading 01

01 Bold 44/52

700

Zero state, 404, Celebratory, Extra Large Numbers
Heading 02

02 Bold 36/44

700

Headlines
Heading 03

03 Regular 36/44

400

Modals, Workflows, Conversational, Subheadline
Heading 04

04 Demi 28/36

600

Undefined
Heading 05

05 Bold 24/32

700

Page Titles, Large Numbers
Heading 06

06 Bold 20/28

700

Section Titles, Account names, In Product Marketing, Numbers
Heading 07

07 Demi 20/28

600

Section Titles, Account names, In Product Marketing, Numbers
Heading 08

08 Demi 16/24

600

Section Titles, Account names, In Product Marketing, Numbers
Heading 09

09 DEMI 14/20 0.5 LS

600

Card Titles

Resources

Body type scale

Name

Sizing

WEight

Use cases

Body 01

01 Regular 20/28

400

Body text for 01, 02 headlines
Body 02

02 Regular 16/24

400

Body text for 02, 03 headlines, tab links, data labels
Body 03

03 Regular 14/20

400

Default body style
Body 04

04 Medium 12/16

500

Status, disclaimers, captions

Link text

Name

Sizing

WEight

Use cases

Link 01 01 Medium 16/24 500 Independent anchor links
Link 02 02 Medium 14/20 500 Embedded paragraph links
  • Was this Helpful?
  •