Typography
The full type scale, from display down to micro, plus when to reach for serif, sans, or mono.
Type scale
Stacked display-to-micro so the rhythm of the scale is visible at a glance. Headings (display–h4) are set in Fraunces; everything else is DM Sans.
Serif vs. sans
Two families, two jobs. Never mix them within the same text element.
Headings and display copy only
Reserve Fraunces for display through h4 — page titles, section headers, hero statements. It carries editorial weight; using it for body text or UI labels makes the product feel like a marketing site instead of infrastructure.
Everything else
Body copy, labels, buttons, table cells, form controls, navigation — anything that is UI rather than a headline uses font-sans. It's the workhorse family and should be the default you reach for.
Monospace
font-mono (JetBrains Mono) is for numeric and code contexts only — API keys, latency figures, request IDs — never for prose.