02
Typography
6 blocks
6 shown
Font Pair — Serif + Sans
FontDISPLAY
Playfair
BODY
DM Sans — clean & readable
Display Hierarchy
HierarchyH1Heading
H2Heading
H3Heading
H4Heading
pHeading
Mono Code Block
Monoconst greet = (name) => {return `Hello, ${name}`}
Responsive Typography
Responsiveclamp(min, preferred, max)
375pxAa
768pxAa
1280pxAa
Letter Spacing System
TokentightABCDE
normalABCDE
wideABCDE
widerABCDE