Typography
The quick brown fox
Display / Extralight / 60px
Use for: Hero headings, landing pages
The quick brown fox
Hero / Extralight / 48px
Use for: Section headers, emphasis
The quick brown fox
Heading / Light / 30px
Use for: Card headings, titles
The quick brown fox jumps over the lazy dog
Body / Regular / 18px
Use for: Descriptions, paragraphs
The quick brown fox jumps over the lazy dog
Caption / Light / 14px
Use for: Secondary text, labels
THE QUICK BROWN FOX
Label / Light / 12px / Uppercase / Wide tracking
Use for: Section labels, metadata