A case for typography

Typography isn't decoration. It's the interface.

Before color, before layout, before a single image loads — text is what a visitor reads first, and how it's set decides whether they keep reading at all.

95%of web content is text, by volume
4.5:1minimum contrast ratio for legible body copy
200msroughly how long it takes to judge a page's credibility
75chthe upper limit for a comfortable line length
01

Weight and size do the talking before words do

A visitor scans a page in a fraction of a second before reading a single word closely. In that scan, size and weight are what register — what's the headline, what's secondary, what's fine print. Get that hierarchy wrong and even well-written copy goes unread, because nothing told the eye where to land first.

This is why a page can "feel" disorganized even when its content is perfectly logical. The typographic hierarchy is the map; without it, visitors are left to guess at the order things matter in.

Aa Aa Aa
02

Hierarchy is how a page tells you where to look

Good typographic hierarchy isn't just "make the headline big." It's a full system — heading sizes, body text, captions, labels — each with a distinct, consistent role, so a visitor always knows what kind of text they're looking at without having to think about it.

Sites that skip this step tend to lean on color or boxes to create structure instead, which works, but does more visual work for a weaker result than type hierarchy alone would have.

Heading one
Heading two
Heading three
Body text, set for reading
Caption / label
03

Legibility is where good intentions go to die

Thin gray text on white, lines that stretch the full width of an ultrawide monitor, tight leading that makes paragraphs feel like a wall — these are common choices made in service of looking "clean," and they routinely make text harder to read than it needs to be.

Comfortable reading depends on a handful of unglamorous variables: enough contrast, a reasonable line length, enough space between lines. None of it is exciting, and all of it matters more than most of the choices that get more design attention.

Hard to read

Typography is the craft of arranging type to make written language legible readable and appealing when displayed and it shapes how a reader experiences a page.

Easy to read

Typography is the craft of arranging type to make written language legible, readable, and appealing. It shapes how a reader experiences a page.

04

A typeface sets tone before the copy does

The same sentence in a geometric sans reads as modern and neutral. Set it in a slab serif and it reads as confident, almost editorial. Set it in a soft rounded font and it reads as friendly, maybe informal. None of the words changed — only the letterforms did.

Choosing a typeface is a brand decision as much as a design one. It's often the fastest way a site communicates whether it's playful, serious, technical, or approachable, well before the copy has a chance to say so directly.

Modern & neutral

Confident & editorial

Warm & approachable

05

The best typography is a system, not a font choice

Picking a nice typeface is the easy part. The harder, more valuable work is building a consistent system around it — a defined scale of sizes, consistent line heights, deliberate spacing rules — so that every page of a site reads with the same rhythm instead of feeling assembled from mismatched parts.

Sites that get this right rarely get complimented on their typography directly. It just quietly makes everything else on the page easier to trust and easier to read, which is usually the entire point.

--font-displayFraunces
--font-bodyInter
--scale-ratio1.25
--leading-body1.6
--measure-max68ch

In short

Get the layout right and people notice the layout.
Get the type right and people just read.