Contact

Choosing a typeface for an editorial brand

Typography
thumb

When I choose a typeface for an editorial brand, I start by writing three words that describe how the brand should sound. Not how it should look. Calm, exact and warm lead to very different fonts than bold, fast and playful.

Those words become the brief. Every candidate is judged against them.

Test with real content#

Type specimens are flattering by design. A face that looks elegant in a pangram can fall apart in a product description, a price, or a long headline that wraps badly.

What to set before deciding#

  • A real headline at its largest size, including one that wraps to three lines
  • A paragraph of body text at 14 to 18 pixels on a phone
  • Numbers: prices, dates, and a table if the brand uses data
  • Uppercase labels and small captions
  • The brand name itself, in the face

Pair with intent#

Most editorial systems need two roles: a display face with character and a text face that disappears into reading. Contrast in structure, such as a serif with a monospace or a grotesque, usually works better than two similar faces that look like a mistake.

On this site, IBM Plex Mono carries navigation and labels, Georgia carries reading text, and a narrow grotesque carries the mark. Each has one job.

Check the practical details#

A beautiful face is no use if it cannot be licensed for the web, lacks the characters you need, or ships as a heavy file. Check language support, weights, italics, and whether variable fonts are available. Self-host where you can, so the site does not depend on a third-party request to render text.

Choose the face that serves the content on its worst day, not its best.

Live with it#

Before committing, use the pairing on a real page for a week. First impressions favour novelty. Daily use favours clarity.

Monospace in interfaces: when it works

Typography

Monospace type once meant code. Used with care in navigation, labels and data, it gives an interface a precise, documentary character.

Ecommerce

Movement-first commerce: shopping by activity, not SKU

E-commerce

Most stores are organised the way the warehouse is. Organising around what people actually do changes how they browse, compare and choose.

thumb

Designing for the thumb: mobile navigation that holds up

UX

Most phone use is one-handed. Navigation that respects the reach of a thumb feels effortless; navigation that ignores it feels like work.

A brand is a set of decisions, not a logo

Branding

The logo is the most visible part of a brand and the least important. What people remember is how every touchpoint behaves.