Centered Column
also known assingle column · essay layout · reading column
A single column of content centered horizontally on the page with generous symmetric whitespace on both sides.
The centered column is the most classical web layout: one column of content, max-width capped (typically 640–760px for prose), centered with equal margins. It's the layout of essays, blog posts, documentation, and any content where reading is the only job.
The constraint is deliberate — line lengths above ~75 characters fatigue the eye. A centered column with disciplined typography is often the highest-craft choice a designer can make.
- Blog posts, essays, documentation
- Anywhere reading is the primary task
- Authors and writers' sites
- Marketing pages needing visual variety
- Dashboards and tools
- +Cap line length at 65–75 characters (40–48em max-width on body)
- +Use generous vertical rhythm — 1.6–1.8 line-height
- −Don't break the column with full-bleed images mid-article unless intentional
Textbook examples in the directory
An academic journal that lives well online. Cream-paper surfaces, Source Serif 4 for body running text, IBM Plex Mono for footnote numerals and citations, a single deep cobalt accent reserved for the active citation link. Built for research publications, scientific journals, and long-form scholarly content.
Warm vellum paper canvas, humanist sans at quiet sizes, refined 6px corners, no shadows — only a faint warm hairline. One deep moss accent. Calibrated to feel like a well-set page in a notebook.
Ultra-minimal modern serif. Pure off-white canvas, Fraunces variable serif tuned for warmth and optical size, one slate-blue accent. No shadows, no gradients — the serif itself is the system.
People also ask
What is a centered column layout?
A single column of content capped at 600–800px, centered horizontally on the page with equal margin on either side. The default for long-form reading.
How wide should a centered reading column be?
60–75 characters per line is the legibility sweet spot. At 16–18px body type, that translates to roughly 600–720px column width.
When should I NOT use a centered column?
For data-dense dashboards, image galleries, or marketing pages where you want full-bleed impact. Centered column is for reading, not browsing.
Centered column vs marginalia — which to use?
Use centered column when annotations are rare. Use marginalia when notes, citations, and asides are frequent and earn their own gutter.