#editorial design
15 pieces filed under “editorial design”.
Bento grids: when the box layout earns its keep
A fair assessment of bento layouts: what they do well, where they collapse, span systems that survive real CMS data, and typography rules for mixed-size tiles.
Anchor navigation on long pages: TOCs that get used
Tables of contents are either the hardest-working furniture on a long page or pure decoration. How we design anchor navigation that earns its pixels.
Article indexes people actually browse
Most blog indexes are a reverse-chronological conveyor belt. Here's how we design journal indexes that invite real browsing — lead stories, rhythm, and honest pagination.
Light, dark, light: section banding as rhythm
How to use alternating light and dark sections as editorial rhythm: surface budgets, seam design, spacing across bands, and fitting a night section into a paper site.
Bylines and author pages: small design, big trust
Named authors quietly outperform faceless content on every metric we track. The anatomy of a trustworthy byline and an author page worth visiting.
Related-content modules that readers actually use
Most 'related articles' modules are decoration. Here's how we design, rank and measure recommendation modules that readers genuinely click — and when to delete them.
Editorial grids on the web: rhythm, breakout, and restraint
The sequel to our editorial grid philosophy: the CSS mechanics of full-bleed breakouts, captions and pull quotes as real components, and a governance model for restraint.
Aspect-ratio systems for editorial imagery
Stop cropping at random. A small, deliberate set of aspect ratios — what each says editorially, how object-fit discipline works, and how ratios survive art direction.
Pull quotes and margin notes: editorial devices for the web
Pull quotes, asides and margin notes give long reads their rhythm. The semantic markup, the responsive survival tactics, and the restraint that keeps them editorial.
Editorial grids on the web: rhythm without rigidity
Bringing print's editorial rhythm to responsive layouts: columns that collapse gracefully, spacing that survives the box model, breaking the grid on purpose.
Ledgerline: an accounting firm with opinions, finally visible
A sharp accounting practice had a beige website. We rebuilt the identity and turned forty accountants into a publishing engine with forty-minute weeks.
Case studyMarlowe Hotels: winning back the direct booking
A boutique coastal hotel group was paying OTAs a quiet tax on three-quarters of its bookings. We rebuilt the site and booking flow — and the share flipped.
Case studyFernleigh Wines: a cool-climate label learns to sell online
From template storefront to editorial DTC channel: how we rebuilt Fernleigh Wines' online shop around storytelling, flexible subscriptions and cellar-door warmth.
Case studyHolloway Records: an independent label site that sells records, not ads
An independent label site built music-first: artist pages, an audio player that never interrupts, vinyl drops and a membership that pays the rent.
Case studySignal & Noise: a podcast network site built around listening
Nine shows, one persistent player and transcripts that do real SEO work — how we built a podcast network's home on the web it actually owns.