Wide, then narrow, and nothing awkward between.

Uses the whole desktop without abandoning the phone. A twelve-column grid at the top end that collapses to a single readable column without an intermediate mess.

Most responsive design is drawn at three sizes and interpolated everywhere else, which is why so many sites look broken at exactly the width your monitor happens to be.

This layout was drawn at five widths and checked at every hundred pixels between them. The twelve-column state is a real design rather than the mobile one stretched out.

The 1600px view is not an afterthought for once.

— An art director

WHAT YOU GET

A layout drawn at five widths.

Twelve columns at the top end

A genuine wide layout above 1440px rather than a centred column with empty margins beside it.

Checked every hundred pixels

Five drawn widths with every intermediate state verified, so nothing breaks at an unusual viewport.

Full-bleed features

Feature stories break the grid entirely and return to it cleanly, at any width.

Measure held

Body text never exceeds a readable measure no matter how wide the window gets.

FULL FEATURE LIST

Editorial templates that use the space.

Story shapes that only work once the layout stops treating a wide screen as a wasted one.

Twelve-column layout above 1440px
Five authored breakpoints
Full-bleed feature treatment
Measure capped independently of layout
Asymmetric feature grids
Standfirst and kicker fields
Photo essay template
Long-read template with a chapter rail

SPECS

The details

Version: 1.3.0
Released: Aug 8, 2025
Columns: Twelve at 1440px+
Breakpoints: Five authored
Measure cap: Independent of grid
Templates: Feature, essay, long read

CHANGELOG

Recent releases

1.3.0Aug 2025 — Fixed a grid collapse between 1180px and 1240px
1.2.0Jun 2025 — Photo essay template added
1.1.0May 2025 — Measure cap decoupled from the column count