Foundation
Typography
Typography creates hierarchy, readability and consistency throughout the design system.
Scale
Type Scale
Recommended font sizes used by the design system.
Typography Scale
The quick brown fox
Display • 4rem • 700
The quick brown fox
H1 • 3rem • 700
The quick brown fox
H2 • 2.25rem • 700
The quick brown fox
H3 • 1.875rem • 600
The quick brown fox
H4 • 1.5rem • 600
The quick brown fox
Body • 1rem • 400
The quick brown fox
Small • .875rem • 400
The quick brown fox
Caption • .75rem • 400