Editorial web design: making a site read like a publication
An editorial look makes a site read as reporting rather than marketing. The pieces that create it, from serif headlines and bylines to timestamps and captions.
Most product sites look like marketing, and visitors read them as marketing. An editorial style changes that: the same information set like a publication reads as reported. That is useful for anything whose value depends on being believed.
The pieces
| Element | What it signals |
|---|---|
| Serif headline | A publication, not an app |
| Byline and date | Someone wrote this, at a time |
| "As of" on figures | The number was measured, not invented |
| Captions on images | The image is evidence, not decoration |
| Paper ground for reading | Long text is welcome here |
| Restrained colour | Nothing is shouting |
Paper and coal
Editorial sites often alternate between a warm paper ground for reading and a near-black ground for photographs and data. The switch needs care; see alternating dark and light sections.
Type
A serif display face for headlines, a clean sans for body and interface, and a mono for figures. See serif fonts for product sites and font pairing.
Data, the editorial way
Every figure has a label, a unit and a date. Rankings show the gap to the leader. Movement is coloured only when it moved. Designing a leaderboard and formatting money cover the details.
What breaks it
- Gradients and glass. They belong to a different register.
- Accent colour everywhere. One flat accent, used twice at most on a screen.
- Stock photos. Use real photographs, desaturated to sit with the palette, or none.
Editorial Ledger UI is this style as a skill, written from richlist.online: paper for reading, coal for photos, a serif display face, mono money, a Figure component that cannot render a value without a label and a timestamp, and one flat lime accent.
Questions
What is editorial web design?
A style that borrows from newspapers and magazines: serif headlines, clear hierarchy, dates and bylines, captioned images and restrained colour. It signals that content has been reported and edited.
Which sites suit an editorial style?
Sites that sell on credibility: finance, research, rankings, publishing, premium services. It suits products whose value is information.
Is editorial design only for text-heavy sites?
No. It works for data too: rankings, dashboards and reports read as trustworthy when each figure is labelled, sourced and dated like a newspaper chart.