Eight Sections, 1140 Pixels: The Invisible Skeleton of a Homepage

Under the visual variety, the best homepages share a structure. The measurements gave it away.

By · Founder of Norrly · 2026-07-23 · 6 min read

The sites in the library look wildly different from each other — that is the point of collecting them. So I expected their underlying structure to be all over the map too. It is not. Measured, they converge: an average of about 8 sections per homepage and a median content max-width around 1140px. Beneath the visual variety there is a shared skeleton.

Why eight, roughly

Eight sections is not a magic number; it is what it takes to walk a skeptical visitor through a decision. Hero, proof, a few feature or story beats, a signature moment, objection handling, a final call to action, a footer. Fewer than that and the page feels thin; many more and it starts repeating itself. The count reflects the argument, not a template.

Why 1140-ish pixels

The content-width consensus is about readability and rhythm. Much wider and text lines get too long to scan comfortably and layouts feel unmoored; much narrower and the page feels cramped on modern screens. A container in the 1100–1200px range, with text columns held tighter (600–720px), is the quiet default that lets everything else breathe.

Structure is not sameness

Here is the part that took me a while to accept: sharing a skeleton does not make pages generic. Two sites can follow the exact same section order and feel nothing alike, because the identity lives in the palette, the type, the imagery and the pacing — not the scaffold. The skeleton is a solved problem. Spend your originality on the surface, not on reinventing where the hero goes.

How I use the skeleton

When I start a page, I do not agonize over structure anymore. I lay down the known-good skeleton first — semantic sections in the proven order, a ~1140px container — and only then pour in the design language that makes it specific. It is faster and, counterintuitively, more original, because all my attention goes to the parts that actually differentiate. I wrote the section-by-section version of this in the landing page structure guide.

More notes

I Measured 358 of the Best Websites. Here Is What Surprised Me.7 min readThe 10px Consensus, and Why Pill Buttons Are Rarer Than You Think5 min readWhy AI-Generated Sites All Look the Same — and What the Good Ones Do7 min read
See the full measured data →