03 — Type
Typography
A modern serif paired with a clean grotesque. Warm, confident, easy to read across print and digital.
Fraunces
Display & headlines
The quick brown fox jumps over the lazy dog.
Aa Bb Cc · 1234567890
Free via Google Fonts. Use weights 400–600 for headlines.
DM Sans
Body, UI, captions
The quick brown fox jumps over the lazy dog.
Aa Bb Cc · 1234567890
Free via Google Fonts. Use 400 for body, 500/600 for emphasis.
Type scale
| Role | Font | Size | Line | Weight | Sample |
|---|---|---|---|---|---|
| Display | Fraunces | 56–80px | 1.05 | 500 | Aa |
| H1 | Fraunces | 40px | 1.1 | 500 | Aa |
| H2 | Fraunces | 28px | 1.15 | 500 | Aa |
| H3 | DM Sans | 20px | 1.3 | 600 | Aa |
| Body | DM Sans | 16px | 1.55 | 400 | Aa |
| Caption | DM Sans | 12px | 1.4 | 500 | Aa |