Design for the reader who is still reading.

Every longform site in this study, no matter how different it looks, gives the reader a visual beat every one to three screens. A photo, a diagram, a chart, a pull-quote — something that is not a paragraph. This is not decoration. It does two jobs at once: it rests a brain that has been decoding text, and it re-anchors the reader's imagination to what the author actually meant. It turns "staring at a wall of text" into "moving through a story."

What a visual beat is for

Give every visual a job. If it has none, cut it — a decorative stock photo reads as filler and costs trust. The five jobs, from the study:

How much is enough?

The sites sit on a spectrum, from charts outnumbering paragraphs to none at all. More visual is not automatically better — the right density depends on how much of the argument is quantitative or spatial. But every one clears the floor: a beat at least every few screens.

The rule generalises past editorial. An AI-generated explainer, an audit report, or a research summary is longform too, and it fatigues a reader the same way. When there are no photographs to reach for, you manufacture the beat — a generated diagram, a summary box, a severity chart, a callout, a table. Section 07 works that through.

The single most consistent trait across all 13 sites is line length, not font choice. Aim for roughly 45–75 characters per line on desktop and ~40 on a phone. Too long and the eye loses its place returning to the next line; too short and rhythm breaks. When a column must run wide, buy it back with more leading.

Body line-height runs 1.5 to 1.85. The more a page wants to feel authoritative and be read slowly, the more air it puts between lines. Pair a display face with a body face deliberately — the pairing carries the personality, the body stays quiet.

The four pairings that recur

A working type scale

Two findings surprised the study. First, the best body text is rarely pure black — it's a very dark slate, navy, or warm brown, which reads softer over a long session. Second, restraint wins: most pages spend on a single rationed accent and let it mean something.

These are the beats you reach for when you have no photograph — the devices that pace a text-only read. Each one is a place for the eye to land. All rendered live below.

.reading {
  max-width: 66ch;   /* measure */
  font-size: 1.125rem;
  line-height: 1.7;  /* leading */
}

The reason this matters beyond magazines: most longform now is generated — model output, audit findings, research digests, release notes. It arrives as a wall of competent prose, which is exactly the failure mode. Give it the same cadence. You almost always have material for a beat; you just have to build it.

Worked example — the same audit, paced

Nothing above is decoration. The summary orients, the chart shows the shape of the risk, the callout makes the worst finding impossible to miss. That is the whole system, applied to the least glamorous longform there is.

Copy-pasteable starting point. Swap the accent and fonts for your brand; keep the measure, leading and cadence.

:root{
  --measure: 66ch;        /* 45–75 CPL desktop */
  --body-size: 1.125rem;  /* 18px; 16px on mobile */
  --leading: 1.7;         /* 1.5–1.85 */
  --ink: #14161A;         /* not pure black */
  --paper: #FCFCFB;
  --accent: #5B4EE9;       /* one, rationed */
  --serif: "Fraunces", Georgia, serif;
  --sans: "Inter", system-ui, sans-serif;
  --mono: "IBM Plex Mono", monospace;
}
/* the one law: a visual beat every 1–3 screens.
   no photo? build one — diagram, chart, pull-quote, callout, table. */

See the law in practice: No. 09 — The Composite is a full article built entirely on this system, and the library shows all 13 sources it was distilled from.