#typography
8 pieces filed under “typography”.
One system, many sites: multi-property brand design
Running several web properties off one brand system without blurring them: shared tokens, house vs. property layers, cross-site navigation and honest governance.
Fluid type scales in practice: from ratio to tokens
How we build fluid type scales that behave from 375px to 1440px: ratios, clamp() mechanics, optical correction, and type tokens that stay readable a year later.
Hero sections beyond the gradient blob
A field guide to memorable homepage heroes: typographic statements, generative canvases, product-in-context and editorial openers — with the performance cost of each.
Pull quotes and margin notes: editorial devices for the web
Pull quotes, asides and margin notes give long reads their rhythm. The semantic markup, the responsive survival tactics, and the restraint that keeps them editorial.
Font loading: recipes from the network tab
Webfonts are where performance budgets go to die quietly. Subsetting in CI, unicode-range slicing, per-role font-display policies, and the CLS nobody plans for.
Testimonials beyond the card carousel
Testimonials don't need a grey card carousel. How to present client quotes as editorial evidence — typography, attribution, deep links, and honest context.
Type systems for marketing sites that still load fast
How to build a marketing-site type system that carries the brand without blowing the performance budget — variable fonts, subsetting and metric-matched fallbacks.
Type pairing for brand systems: two voices, one argument
How we pair display and text faces in identity work: contrast logic, superfamilies vs strangers, the third-face rule, and testing in the ugliest context first.