Typography pattern · updated 3 Sept 2026
Big type
Big type is a layout that uses a very large display size, often past 80 pixels, as the primary visual element in place of imagery. The headline is the picture, and the rest of the page is set small enough that the contrast in scale carries the composition.
Think of it as
A poster in a gallery with one word on it. The word is the artwork; the wall text underneath is deliberately tiny so you read the word first.
Worked example
The decoder reports a page's type scale as the list of font sizes actually in use, with weights and line heights. A big-type page shows a long gap between the top size and the next, and the tell of a good one is that the smallest size still clears 14 pixels and passes contrast; the tell of a weak one is a beautiful headline over body text nobody can read.
Why it matters
Big type is the most honest layout there is: there is nothing to hide behind. Letter-spacing, line height and the weight pairing are fully exposed, and so is the font loading; a display size that flashes from fallback to webfont is the single most visible layout shift on the web.
How it fails
Negative letter-spacing tightened past legibility. A display size fixed in pixels that overflows a phone, or one set in viewport units that becomes unreadable on a wide monitor. Body copy shrunk to make the contrast in scale work.
What to measure open the decoder →
- The largest font size and its ratio to body size
- Line height at the display size, which should tighten as size grows
- Whether the headline is set with clamp() or a fixed unit
- Cumulative layout shift from the display font loading
Where you meet it
- Portfolio and studio sites
- Editorial and magazine sites
- Type foundry specimens
On this site
The Big type and Type-based hubs collect the sites; the decoder reads their scale.
Showcase collections that exhibit it
Build it
Next rung
Big type is one end of a type scale. The scale itself, and how a measured one becomes a set of clamp() rules, is the concept underneath.