Journal
TypographyOctober 14, 20258 min read

Typography Does Most of the Work

Before color, before layout, before a single illustration — the type is already deciding whether your design is trusted.

When a client tells us a layout feels off but can't say why, the answer is almost always in the type. Not the colour, not the photography, not the logo. The type. Spacing that's a hair too tight, a heading set in a face that contradicts the brand's temperament, a paragraph running 110 characters wide so the eye loses its place at every line break — these are the things that quietly erode trust. People rarely articulate them, but they feel them, and they leave.

We've come to treat typography as the first decision, not the last. You can build a strong piece of design from type alone. You cannot rescue a weak one by decorating around bad type. So it goes first, and everything else negotiates around it.

Type is the voice before anyone reads a word

A typeface carries tone the way a speaking voice does. A high-contrast didone like Didot sounds expensive and a little cold — perfect for fashion, wrong for a children's clinic. A humanist sans like Source Sans or Freight feels warm and plainspoken. A geometric like Futura is confident to the point of being a touch bossy. None of this is decoration; it's meaning. Before a reader processes the content, they've already absorbed a personality from the shapes of the letters.

This is why we resist picking type from a mood board of pretty specimens. We pick it from the brand's behaviour. Is this company precise or generous? Old or new? Formal or familiar? The typeface is the answer to those questions made visible, which is why it can do so much of the brand's work on its own.

Hierarchy is the real job

The most useful thing typography does is tell the reader what to look at, in what order. Good hierarchy means a person can scan a page and understand its structure in under a second without reading a single full sentence. That's not achieved by making the headline enormous. It's achieved by contrast — and contrast has many levers besides size: weight, case, colour, spacing, and the relationship between elements.

A common mistake is to lean on only one lever. Three font sizes and nothing else produces a flat, undifferentiated page. We'd rather use a smaller jump in size and add a weight change, a colour shift, or generous space above a section to signal a new idea. The space around a heading often communicates more than the heading's size. White space isn't emptiness; it's punctuation.

Pairing: contrast with a reason

When we pair two typefaces, we want them to disagree clearly, not slightly. Two sans-serifs that are almost the same read as a mistake — the reader senses something is wrong without knowing what. Pair a serif with a sans, or a high-contrast display face with a quiet workhorse text face, and the difference reads as intentional. A reliable starting point is a characterful display type for headlines and a calm, highly legible companion for body copy. Let the headline have personality; let the body get out of the way.

Superfamilies make this easier — a face shipped with matched serif and sans cuts, like Freight or IBM Plex, gives you contrast that's already harmonised at the level of proportion and rhythm. When in doubt, fewer families and more weights beats a zoo of mismatched fonts.

The body text is where the craft lives. Anyone can make a headline look impressive. Making a 400-word paragraph effortless to read is the harder, quieter skill.

Spacing, kerning, leading — the invisible 80%

Measure first: keep body text to roughly 45–75 characters per line. Wider and the return sweep gets tiring; narrower and the rhythm chops up. Leading — the space between lines — usually wants to be around 140–160% of the font size for body copy, looser for long reading, tighter for big display type where lines that are too far apart drift into separate islands.

Kerning is where amateurs and professionals separate. Default spacing between most letter pairs is fine; the trouble is at large sizes, in logos and headlines, where awkward pairs — capital A next to V, T over a lowercase o, anything touching a quotation mark — open visible gaps. We zoom out, blur our eyes, and look for the spots where the rhythm of dark and light stumbles. Letterspacing all-caps and small caps a touch open helps them breathe; never letterspace lowercase body text, which only damages the word shapes the reader relies on.

The mistakes we see most

Faux bold and faux italic, generated by the software instead of using a real cut, which smears the letterforms. Straight quotes where curly quotes belong — a small thing that instantly signals carelessness. Too many fonts, each begging for attention. Centring long paragraphs, so every line starts at a different ragged left edge. And the quiet killer: setting everything at one comfortable mid-grey size with no real hierarchy, so the page has no shape and the reader has nowhere to land.

Fix the type and most layout problems dissolve on their own. That's not a trick. It's just an acknowledgement of where the work actually happens.

Working on something we could help with?

Start a project