White space and content density on a website

White space is not empty space, and it is not wasted space. It is what lets a reader tell where one idea on a page ends and the next one begins, and a page with too little of it communicates less, not more, however much content is crammed into it. This is the single most counter-intuitive idea in website design for a business owner approving the work, because the instinct in a review meeting almost always runs the other way — “there’s a lot of white space here, can we fill it with more information.”

Why the instinct to add more is understandable and usually wrong

A business owner reviewing a homepage often knows a great deal more about their own services than any single page can or should communicate, and every one of those facts feels important to include because it is important to them. The page, however, is read by someone who knows none of it yet, and that reader’s attention is a fixed, small budget. Every additional block of content on a page competes with every other block for a slice of that same limited attention — it doesn’t add communication, it divides it more ways.

The practical result of “let’s add more” repeated across a dozen review rounds is a page where nothing stands out because everything is competing for the same weight, and a reader who was going to spend fifteen seconds on the page spends those fifteen seconds overwhelmed rather than informed.

What white space actually does

It groups related things and separates unrelated things. Space between sections tells a reader, without a single word, “this is a new topic.” Remove that space and the visual signal disappears, and a reader has to work out the grouping from context instead — work that a busy visitor mostly won’t do.

It gives the eye somewhere to rest. A page with no breathing room between elements reads as a wall of stimulus, and readers physically skim faster over walls like that, taking in less as they go, precisely to escape the density rather than to absorb it.

It signals confidence. Paradoxically, a page willing to leave space around its most important statement usually reads as more credible than one that surrounds every claim with three more claims, because restraint reads as a business that trusts its main point to stand on its own.

Macro white space and micro white space are different decisions

Macro white space is the space around whole sections and blocks — the gap between a hero and the section beneath it, the margin around a page’s main content column. Micro white space is the much smaller space inside those blocks — the line height between paragraphs, the padding inside a button, the gap between a form label and its field. A page can get the macro decision right — generous space between sections — and still feel cramped if the micro white space inside each section is too tight, because a reader experiences both at once even though a design review tends to look at one at a time. Both are also worth distinguishing from active white space — space added deliberately around a specific element to draw attention to it — versus the passive white space that is simply a template’s default margin left unexamined; the first is a design decision and the second is an accident that happens to look fine.

The specific ways density accumulates on a real site

How it happens	What it costs
Every stakeholder’s must-have gets added to the homepage	No single message survives with enough emphasis to land
A template with generous default spacing gets “tightened up” during review	The visual grouping the template relied on breaks down
Sections get duplicated with slightly different wording “just in case”	Repetition without new information, which readers notice and skim past
Every service is listed on every page rather than linked to its own page	Pages become directories instead of arguments

None of these happen through a single bad decision. They accumulate through many individually reasonable-sounding additions, which is exactly why density needs to be checked deliberately rather than assumed to be fine because no single addition seemed like a problem.

A test for whether a page is too dense

Print the page, or view it zoomed out so the layout is visible but the text is not readable at normal size. Look only at the shape and rhythm of the blocks. If the page reads as one continuous grey mass with no clear resting points, it is too dense, independent of whether any individual sentence on it is well written. This is a genuinely useful test precisely because it removes content from the judgement and leaves only structure.

Density is a cost decision as much as a design one

A denser page is not automatically a cheaper page to build, and a sparser one is not automatically more expensive — but the amount of content a business wants represented, and the number of distinct sections and templates needed to hold it, is a real input into scope and therefore into what drives the cost of a website. A conversation about trimming a page down is often, quietly, also a conversation about reducing the amount that needs designing, building and maintained over the page’s life, which is worth naming plainly rather than treating density purely as a look-and-feel debate.

Where this connects to how a page gets read

Density and reading behaviour are two sides of the same coin: a dense page fights against how people actually read a website, which is by scanning rather than reading start to finish. Designing for scanning, not reading covers that behaviour directly, and a page that has already been reviewed for density is most of the way to being scannable as well, because the two problems are usually solved by the same edit — removing what doesn’t need to be there.

What to do in your next review

Before asking “what should we add,” ask “what could we remove without losing anything a reader actually needs.” That single reframing, applied consistently across every review round, is the most reliable way to keep a page from accumulating density nobody intended and everybody, eventually, notices.

Density on mobile is a different, stricter problem

Spacing that feels generous on a wide desktop layout often compresses awkwardly on a phone screen unless it’s been deliberately designed to scale down rather than simply shrink proportionally. A page that looks appropriately spaced on a laptop can read as cramped on a phone if the same fixed spacing values are used at both sizes, because the screen has shrunk far more than the content has. Designing the mobile view first is directly relevant here: spacing decisions made for the smallest screen first tend to scale up more gracefully than spacing decisions made for the largest screen and then compressed down.

Not every page needs the same density, and that’s fine

A reference-style page — a full price list, a detailed specification table, a comprehensive FAQ — can reasonably carry more information per screen than a homepage or a landing page, because a visitor arriving at that kind of page has already signalled they want the detail and are prepared to spend more time extracting it. The density argument on this page is really about pages doing persuasion or first-impression work, where a reader’s patience is shortest and the cost of overwhelming them is highest — not a universal rule that every page on a site must be equally sparse.

Density accumulates fastest right before launch

The last few weeks before a website goes live are, in practice, when density is most likely to creep in unnoticed, because stakeholders reviewing near-final pages tend to add “one more thing” rather than reconsider the whole page’s balance, and each individual addition seems small against the larger, already-approved page around it. A deliberate density check as a specific, separate step in final review — not folded into a general “does everything look right” pass — catches accumulated additions that no single person along the way felt was, on its own, too much.