Every entry is tagged with its identified typefaces — each linking to pairings and alternatives. The only gallery that answers "what font is that?"
Browse by style tag — Big Type, Grid, Scrollitelling, Mode switching, 3D elements, Creative coding. The taxonomy is a menu of current techniques.
Volume, filterable by industry and colour — the "show me hotel sites in green" tool for client work.
Neo-grotesk
Carries everything: nav, headings, body. Swiss, tight, unglamorous on purpose.
Suisse Int'l · Neue Haas Grotesk · Helvetica Now · Univers · Unica77 · Neue Montreal · Söhne · TT Commons · Messina Sans · Saans · Roobert · KH Teka · National 2 — the quiet-luxury uniform
Mono
Labels, eyebrows, specs, timestamps. The engineering voice that signals precision.
Geist Mono · Space Mono · IBM Plex Mono · Roboto Mono · Suisse Int'l Mono · Pitch Sans
Serif, italic
One line per screen. The human aside inside the Swiss machine.
GT Alpina · GT Sectra · Scotch Text · Caslons Egyptian · STK Bureau Serif · WT Kormelink · Playfair
And the census's best punchline: a premium health-tech site shipping Times New Roman — the "default" font, set with total intent. That's the whole game: nothing accidental.
Two or three voices with strict jobs — or one typeface with total discipline (Rejouice runs Suisse Int'l alone). The logo barely matters; the type system is the identity.
Off-white ground, near-black ink, exactly one saturated accent doing all the pointing. Colour arrives through photography and video — never through UI chrome.
Every premium site audited: border-radius 0. Sharp corners are the current "designed, not templated" tell. Rounded survives at the consumer-tool end; the craft tier is square.
80px+ heroes against 14–16px body — a 5–6:1 jump with tight leading and negative tracking. Middle sizes are skipped on purpose; mono eyebrows stand in for the missing mid-weights.
Hairline rules and visible structure; scroll does narrative work. The motion vocabulary: masked text rises, ↗ arrows as the universal affordance, hovers that displace rather than glow. Every section of this page enters exactly this way.
| Type | Suisse Int'l — and nothing else |
| Ground / ink | #FFFFFF / #101010 |
| Radius | 0px |
| CTA | One: "↗ Let's talk ↗" |
One typeface plus one call-to-action equals total confidence.
| Type | Funnel Display 84px / Montserrat 14px |
| Ground / ink | #F0F0F0 / #2B2B2B |
| Radius | 0px |
| Budget | Free fonts, both |
Free fonts, a violent scale jump and an off-white ground: premium on R0.
| Type | FT System Grotesk + FT System Mono |
| Ground / ink | #FFFFFF / #000000 |
| Radius | 0px |
| Base unit | 8px |
A grotesk and its matching mono from one foundry — the paired-voice system, bought once.
The anti-template look is calcifying into a template. Laws one through five are the floor — every studio can copy them, and by next year every AI will. The signature is the one rule you break on purpose: Times New Roman in a Swiss layout, an ugly colour worn confidently, a system font set like it cost money.
The Greatest Websites canon — WebGL world, scroll story, editorial type, or product benchmark.
This shelf: three voices, monochrome + one signal, radius zero, violent scale, exposed grid.
Deliberately. That deviation is the signature — the part they remember.
The Top-0.1% acceptance gate: mobile-first, reduced-motion, one flawless signature moment.
FULL DISCLOSURE: this page wears the uniform it describes — #F0F0F0 ground, #141414 ink, one #F3350C signal, three type voices, radius zero, masked reveals. That's the demonstration. The Times italic you keep noticing? That's law six.