Home›Typography
Preview
css
H1Heading
H2Heading
H3Heading
H4Heading
pHeading
Code
css
h1 { font-size: 3rem;    font-weight: 700; line-height: 1.1; letter-spacing: -0.03em; }
h2 { font-size: 2.25rem; font-weight: 600; line-height: 1.2; letter-spacing: -0.02em; }
h3 { font-size: 1.75rem; font-weight: 500; line-height: 1.3; }
h4 { font-size: 1.25rem; font-weight: 500; line-height: 1.4; }
h5 { font-size: 1rem;    font-weight: 500; line-height: 1.5; }
h6 { font-size: 0.875rem;font-weight: 500; line-height: 1.5; }

p       { font-size: 1rem;     line-height: 1.65; font-weight: 300; }
.caption { font-size: 0.75rem; line-height: 1.5;  color: var(--muted); }
Related Blocks
css
Font Pair — Serif + Sans
Editorial heading + clean body font pairing.
css
Letter Spacing System
Letter-spacing tokens - tight, normal, wide, wider.
css
Mono Code Block
Monospace style optimized for code display.