Typography
Three-font system for clear hierarchy.
Font Families
| Role | Font | CSS Variable | Tailwind Class |
|---|---|---|---|
| Display | Instrument Serif | --font-display | font-display |
| Mono | DM Mono | --font-mono | font-mono |
| Sans (body) | DM Sans | --font-sans | font-sans |
Type Scale
text-4xlThe quick brown fox
text-3xlThe quick brown fox
text-2xlThe quick brown fox
text-xlThe quick brown fox
text-lgThe quick brown fox
text-baseThe quick brown fox
text-smThe quick brown fox
text-xsThe quick brown fox
Font Weight
Regular (400), Medium (500), Semibold (600). Avoid Bold (700) except for the largest headings.