Display Type
Typography used at large sizes (48px+) where the typeface's personality dominates over readability concerns.
Display type is typography sized large enough that the form of each letter becomes a visual element in its own right — usually 48px and up, often 96–200px+ for hero sections. At display sizes, typefaces designed for body text often look bland; display-specific typefaces have details that only appear at scale.
The right display typeface can carry an entire brand. Many modern brands use a custom or rare display face for headlines and a workhorse sans for everything else.
- Hero headlines
- Section openers and pull quotes
- Brand moments where type IS the design
- Body text
- UI labels and buttons
- +Tighten letter-spacing as size increases (negative tracking at 96px+)
- +Reduce line-height below 1.0 for tight, poster-like display blocks
- −Don't use a display typeface for body — readability collapses
Textbook examples in the directory
High-contrast red, oversized Playfair headlines, dense editorial layout.
Design-agency oversized grotesque. 8rem condensed display sans with -5% tracking — the type itself is the layout. Off-white canvas, one molten-orange accent, hairline grid, asymmetric columns. Hits hard the moment it loads.
A maximalist editorial broadside that earns every inch with prose. Sage-grey paper surface, Old Standard TT at extreme display scale for headlines, drop-caps that span eight body lines, full-bleed pull-quote slabs in oversized serif italic, Inter for navigation, a single muted burgundy accent reserved for the editor's mark and the issue-number tag. Built for long-form magazines, opinion sections, and editorial publishers who lead with words at oversized scale.
People also ask
What is display type?
Type designed to be set at large sizes (typically 48px and up) where its expressive details — high contrast, unusual terminals, dramatic counters — become the point.
How is display type different from body type?
Body type is optimized for readability at 14–18px in long passages. Display type is optimized for impact at 48px+ and often becomes unreadable below 24px.
How big should display type be?
Heroes typically run 64–144px on desktop, scaling down to 36–56px on mobile. The exact size depends on the font's optical character at scale.
Can I use one font for both display and body?
Variable fonts with optical-size axes (Fraunces, Source Serif, Recursive) handle both well. Most static fonts perform better as one or the other, not both.