“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.
It’s actually the opposite of an afterthought. White space is a structural choice, one that quietly tells a reader “these things are related” and “these things are not.” This post breaks down what white space really does and how to use it with intention.
White space is not “empty” space
The first point of confusion is assuming white space is blank, or somehow missing content that should be there. In reality, it’s intentional space doing specific work on the page.
Designers also call this “negative space,” which is a more accurate name but a less common one. 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 runs a dark theme, the empty parts are still called “white space” in design terms.
If you’re using Aurora, you don’t have to think about most of this from scratch. Its layouts ship with spacing already tuned across headers, post content, and archive grids, so a lot of the groundwork covered in this post is handled for you by default.
What white space actually does
White space does four jobs on a page, and all four are invisible when done well and obvious the moment they’re done badly.
1. It groups related items
Items placed close together read as related. Items placed far apart read as separate. This is called the “law of proximity,” and it’s how readers parse a page before they’ve read a single word. If a heading sits closer to the wrong paragraph, the reader gets confused about what it’s actually introducing. Spacing is what does that grouping.
2. It separates unrelated items
The reverse is just as important. When two sections aren’t related, white space is what tells the reader so. The space between a post and the comments section, between an article and the footer, between two sidebar widgets, is the page saying “these are different things.”
3. It gives the eye somewhere to rest
Dense pages exhaust readers quickly. Comfortable spacing between paragraphs, headings, and images lets the eye take small breaks while reading. Long-form blogs especially need this. A 2,000-word article with no breathing room feels roughly twice as long as the same article with proper spacing built in.
4. It signals quality
Cluttered pages tend to read as cheap, while spacious pages read as deliberate, considered, and trustworthy. Whether or not that reaction is fully rational, it’s consistently how readers respond. Nielsen Norman Group’s research on minimalist web design found negative space used deliberately across the vast majority of the minimalist sites they studied, precisely because it reads as premium.
Where white space lives on a blog
To use white space well, it helps to know the different layers it shows up in, from smallest to largest.
Inside characters and words
Letter spacing and word spacing. Your font handles most of this automatically, though headings sometimes benefit from a small letter-spacing adjustment to feel less cramped.
Between lines
Line height matters more than most bloggers realize, and it works together with font size in ways that trip a lot of people up. Body text should sit at roughly 1.6 to 1.7 times the font size. Headings can use a tighter line height, around 1.1 to 1.3, since they’re shorter and don’t need as much breathing room. If you want to go deeper on this pairing specifically, how line length and font size interact covers the part most blogs get wrong.
Between paragraphs
Paragraph spacing should be roughly equal to one line of body text. Tight paragraph spacing is one of the fastest ways to make a post feel claustrophobic, even when the writing itself is fine.
Around headings
The 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.
Between sections
This is the larger spacing between the major sections of a page: header to content, content to footer, post to comments. These gaps are what tell a reader they’ve finished one thing and moved into another.
Around the page
Margins along the edges matter too. On desktop, you don’t want text running edge to edge. On mobile, aim for at least 16 to 20px of breathing room on each side, even on smaller screens.
The mistakes that look like “I need more white space”
Several different problems can all look like a white-space issue from a distance:
- 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 have room to breathe.
- Sidebar items running together. Add spacing between individual widgets, or consider whether the sidebar earns its place at all. Going full-width is a legitimate option if it’s just adding clutter.
- Comments crammed under the article. Add a major section gap before the comments block begins.
- Dense sticky CTAs interrupting reading. Either give them dedicated 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 enormous boxes. Looks expensive in a screenshot, exhausting to actually read on a real page.
- Headings floating in space with no clear section underneath them.
- Spacing that’s inconsistent across the site. An 80px gap in one place and a 20px gap in another, with no visible logic behind either. It’s the lack of a pattern that’s the real problem here, not the size itself.
Portent’s breakdown of over-minimal design is a good read if you want to see how this plays out on real sites, where too much white space ends up hurting usability instead of helping it.
The “scale” principle
Good white space uses a consistent scale. Pick a unit, often 8px or 16px, and make all your spacing multiples of it: 8, 16, 24, 32, 48, 64. Avoid having one element with 19px of padding and another with 23px. The eye notices the inconsistency even when it can’t quite name what’s wrong.
Most modern themes, including Aurora, ship with a spacing scale already built into the design. Rather than fighting it with custom CSS, it’s usually faster, and more consistent, to work within the scale the theme already gives you.
How to test your white space
Two quick tests are usually enough to catch most problems:
- Squint at the page until it blurs. You should still be able to make out the rough structure: header, content, sidebar, footer. If everything blurs into one undifferentiated block, you have a white-space problem.
- Print a blog post to PDF and look at it. Print exposes spacing problems almost 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 entire question disappear. A theme with cramped defaults forces you to fight CSS indefinitely just to get back to “normal.” If you’re still picking a theme, how to choose a WordPress blog theme walks through exactly what to look for before you commit to one.
When evaluating a theme, look closely at how its demo handles spacing in long-form posts specifically. Generous, cramped, or somewhere in between? That single detail tells you a lot about whether the theme is going to work with you or against you. Aurora was built with exactly this in mind, so long-form posts stay readable without any manual spacing fixes on your end, and the layout still holds up cleanly whether the post is 400 words or 4,000.
Where the structure actually matters
White space isn’t empty. It groups related items, separates unrelated ones, gives the eye places to rest, and signals quality, all at once. It shows up at every scale, from letter spacing to page margins. Use a consistent scale across the site rather than eyeballing each section individually. Don’t think of white space as a flourish to add at the end. Think of it as the structure that makes everything else on the page legible in the first place.
