A longform page asks for something the internet almost never grants: sustained attention, freely given, for minutes at a time. It cannot demand it. Every scroll is a small vote to keep going, and the page earns each one — or doesn't. After measuring thirteen of the best reading experiences on the web, the surprise was how much they agree beneath surfaces that look nothing alike. This page is those agreements, made concrete. It is not a description of the system; it is the system, running.
// the line is the unit
Start with the line, not the font
The most consistent trait across all thirteen sites was not a typeface or a colour. It was line length. Hold a line to roughly forty-five to seventy-five characters and the eye returns to the next line without hunting. Let it run wider and every return becomes a small act of navigation, the kind that quietly accumulates into "I'll finish this later." The paragraph you are reading sits near sixty-five characters, held by a column set in ch units so the measure survives any change of font.
When a design genuinely needs a wide column — a research piece with a sidebar, a photo essay — it buys the width back with air between the lines. Which is the next agreement.
// air is structure
Leading is not empty space
Body line-height in the study ran from 1.5 to 1.85, and the pattern was clean: the more a page wanted to feel authoritative and be read slowly, the more air it put between its lines. This page runs 1.75. That space is not decoration or waste; it is the runway the eye needs to land on the next line cleanly. Tighten it and the same words feel dense and reluctant. The anatomy of the whole page follows a similar logic — every part earns its position.
// two voices
Pair a voice for the eye and a voice for the mind
The pages that felt like someone had made a decision paired their type deliberately: a display face with personality against a body face that stays out of the way. Serif display over sans body reads editorial; sans over serif reads scholarly; one family worked across many weights reads direct. This page pairs a high-contrast serif — the headline you scrolled past — with a plain humanist sans for the body, and reserves a single violet accent for links and marks. Spend boldness in one place; keep everything around it quiet.
A page has one job before it has any other: convince the reader that the next paragraph is worth the cost of reading it. — the whole study, in one line
// the beat
Give the eye somewhere to land
Here is the agreement most easily missed, because it hides in plain sight: every one of the thirteen sites, however text-heavy, delivers a visual beat every one to three screens. A photo, a chart, a diagram, a pull-quote — something that is not a run of prose. This is not ornament. It does two things at once. It rests a brain that has been decoding symbols line after line, and it re-anchors the reader's imagination to what the author actually meant, before it drifts. A wall of competent text is not neutral; it is tiring, and tired readers leave.
Turn a wall of text into a walk through a story.
The density is a dial, not a switch. At one extreme, a data essay can carry more charts than paragraphs, because the argument is quantitative and the chart is the evidence. At the other, a pure essay paces itself with type alone — a pull-quote, a rule, a shift into a smaller voice. Both are honest. Neither is a wall. What matters is that the reader never stares down more than a couple of screens of unbroken grey.
// no photographs? build them
The rule survives when the pictures run out
Most longform now is generated — model output, audit findings, research digests, release notes. It arrives as fluent, competent prose, which is exactly the failure mode: a flawless wall. The same rule applies, and you almost always have the material for a beat. A structure described in a sentence can be drawn as a diagram. A set of counts can be a small chart. A key finding can be a callout the reader cannot miss.
For an audit or an AI explainer: lead with a summary box, chart any counts, draw any structure, and give each finding a one-line "why it matters." The prose stays; the page stops being a wall. See this worked through in the design system.
| Lever | Desktop | Mobile | Why |
|---|---|---|---|
| Measure | 45–75 CPL | ~40 CPL | The eye finds the next line |
| Leading | 1.6–1.85 | 1.5–1.6 | Room to land |
| Body size | 18–20px | 15–18px | Read without leaning in |
| Visual beat | every 1–3 screens | Rest and re-anchor | |
| Accent | one, rationed | So it still means something | |
// close
The reader who is still reading
None of this is exotic. A comfortable line, air between the lines, two voices used with intent, one accent spent carefully, and a beat for the eye every couple of screens. The reason it feels rare is that each rule is easy to skip and invisible when followed — you only notice the absence, as fatigue, as the quiet decision to stop. Design for the reader who is still reading, and there will be more of them.