“Add more white space” is the design advice everyone agrees with and almost nobody understands. New bloggers hear it, look at their site, and shrug because they have no idea what to add or where to add it. The phrase makes white space sound like an ingredient you sprinkle on top of a finished page.
That’s not what it is. White space is a structural choice. It’s how a design says “these things are related” and “these things are not.” This post explains what white space actually means and how to use it deliberately, instead of guessing.
White space is not “empty” space
The first confusion is assuming white space is blank. It isn’t missing content. It’s intentional space that does specific work on the page, the same way a pause does specific work in speech.
Designers also call this “negative space,” which is more accurate but less common in everyday conversation. The space between paragraphs is white space. The margin around a button is white space. The padding inside a card is white space. The gap between sections is white space. Even if your blog has a dark background, the empty parts are still called “white space” in the design sense, regardless of the actual color.
What white space actually does
White space does four jobs on a page, all of them invisible when done well and obvious when done badly. Nielsen Norman Group’s long-running eye-tracking research backs this up directly: readers scan pages rather than reading word by word, and spacing is one of the main things that shapes how that scan happens (see their short video on whitespace for a clear walkthrough).
1. It groups related items
Items placed close together feel related. Items placed far apart feel separate. This is called the “law of proximity,” and it’s how readers parse a page before they read a single word. If a heading sits closer to the wrong paragraph, the reader gets confused about what the heading actually covers. Space is what does the grouping, quietly, before any words are read.
2. It separates unrelated items
The flip side matters just as much. When two sections aren’t related, white space tells the reader so without a single word of explanation. The space between a post and the comments section, between an article and the footer, between two sidebar widgets, all of that is the page saying “these are different things.”
3. It gives the eye somewhere to rest
Dense pages exhaust readers faster than most people expect. Comfortable spacing between paragraphs, headings, and images lets the eye take small breaks while reading. Long-form blogs especially need this kind of breathing room. A 2,000-word article with no spacing feels roughly twice as long as the same article with proper spacing between its parts.
4. It signals quality
Cluttered pages read as cheap, whether or not the content itself is good. Spacious pages read as deliberate, considered, and trustworthy. Whether or not this reaction is fully rational, it’s consistently how readers respond. Premium publications use generous white space on purpose because it makes the whole site feel more expensive.
Where white space lives on a blog
To use white space well, you need to know the layers it shows up in, from smallest to largest.
Inside characters and words
Letter spacing and word spacing usually take care of themselves through the font you choose, but headings sometimes benefit from a small letter-spacing adjustment to keep large text from feeling cramped.
Between lines
Line height matters more than most people assume. Body text should have a line height of roughly 1.6 to 1.7 times the font size. Headings can use tighter line height, around 1.1 to 1.3, because they’re shorter and don’t need the same breathing room. This interacts closely with line length too; see our companion post on how line length and font size affect each other for the full picture.
Between paragraphs
Paragraph spacing should be roughly equal to one line of body text. Tight paragraph spacing makes posts feel claustrophobic, even when the writing itself is fine.
Around headings
Space above a heading should be roughly twice the space below it. This makes the heading feel like it belongs to the section that follows, rather than the one before it, which is a subtle cue readers pick up on without noticing why.
Between sections
Larger spacing separates major sections of the page: header to content, content to footer, post to comments. These gaps tell the reader they’ve finished one thing and moved on to another.
Around the page
Margins on the edge matter more than they get credit for. On desktop, you don’t want text running edge to edge. On mobile, you still want at least 16 to 20 pixels of breathing room on each side, even on a small screen.
The mistakes that look like “I need more white space”
Several different problems all look like a white-space problem from a distance, but each one has a different fix:
- Lines of text running edge to edge. Add side margins, not just paragraph spacing.
- Headings that don’t feel attached to anything. Adjust the space above versus below the heading.
- Images and text fighting each other. Add padding around figures so they don’t crowd the surrounding text.
- Sidebar items running together. Add spacing between individual widgets.
- Comments crammed under the article. Add a major section gap before the comments block.
- Dense sticky CTAs interrupting reading. Either give them their own clear space or remove them entirely.
The mistakes that look like “I have too much white space”
The opposite problem is rarer, but it does exist:
- Single sentences sitting in their own enormous boxes. This looks expensive in a screenshot but is exhausting to read across a real page.
- Headings floating in space with no clear section underneath them. The reader loses track of what the heading is introducing.
- Spacing that’s inconsistent across the site. Large gaps in one place and small ones in another, with no logic connecting them. The lack of a pattern is the real problem, not the size of any single gap.
The “scale” principle
Good white space uses a consistent scale. Pick a base unit, often 8 pixels or 16 pixels, and make all your spacing multiples of it: 8, 16, 24, 32, 48, 64. Avoid having one element with 19px padding and another with 23px padding nearby. The eye picks up on that inconsistency even when it can’t name what feels off.
Most modern themes ship with a spacing scale already built in. Don’t fight it. Use the scale the theme gives you, and your spacing will stay consistent without much manual effort.
How to test your white space
Two quick tests catch most spacing problems:
- Squint at the page. You should still be able to see the rough structure: header, content, sidebar, footer. If everything blurs into one block, you have a white-space problem worth fixing.
- Print a blog post to PDF and look at it. Print exposes spacing problems instantly. Cramped paragraphs, awkward heading spacing, and edge-to-edge text all become obvious the moment they’re off-screen.
How themes handle this
Most of your white space is determined by your theme’s defaults: line heights, paragraph spacing, section padding, and container widths. A theme with thoughtful defaults makes the whole question mostly disappear. A theme with cramped defaults forces you to fight CSS forever just to get comfortable reading spacing.
Aurora was built with a consistent spacing scale across its typography and layout settings, so you’re adjusting values within a system rather than guessing at pixel counts. The typography settings in the Customizer let you control heading and body spacing independently, which is exactly the kind of control this post has been describing.
When evaluating any theme, look at how its demo handles spacing in long-form posts. Is it generous, cramped, or inconsistent between sections? That tells you a lot about whether the theme will fight you or work with you once you’re publishing regularly. Our guide on how to choose a WordPress blog theme covers more of what to check before committing.
Space does the work words can’t
White space isn’t empty. It groups related items, separates unrelated ones, gives the eye places to rest, and signals quality. It shows up at every scale from letter spacing to page margins. Use a consistent scale across the site. Don’t think of it as a flourish to add. Think of it as the structure that makes the rest of the design legible.
