Updated 2026-07-05 · 7 min read
We record the loaded fonts on every site we track. The strongest pattern: most world-class sites don't "pair" at all — they run one family with strong weight contrast. The second pattern: when they do pair, it's one expressive display face over one quiet workhorse.
Linear, Vercel and most top dev tools run a single grotesque (Inter, Söhne, custom) with contrast from size and weight: H1 at 56–80px/550–650 weight with tight (-1 to -2px) letter-spacing, body at 15–17px/400. One family keeps the page fast and coherent; the scale does the design work.
Editorial, wellness and premium commerce brands top a clean sans body with an expressive serif (Canela, Reckless, Tiempos): headlines gain warmth and authority while body text stays effortless. The inverse — sans display over serif body — appears in literary/blog contexts and reads bookish in a good way.
Developer-facing sites add a monospace as a third voice for labels, code and metrics (JetBrains Mono, Berkeley Mono). Used at 12–13px uppercase for eyebrows, it signals precision — but only survives in small doses.
Each site breakdown in the library lists the actual loaded fonts plus the free alternative, so you can reproduce the typography in Lovable or Cursor without licenses.
Inter (or DM Sans for a touch more warmth) as the only family, with a strong scale: 64px/600 hero, 16px/400 body. Execution of the scale matters more than the pick.
Sans reads product/engineering; serif reads editorial/premium/human. Choose by brand temperature, then commit — the mixed middle is where pages feel unsure.
Yes — a system stack is fast and neutral, and with a confident scale it can look deliberate. But a loaded webfont with proper fallbacks is a small cost for a distinct voice.