Layout & Spacing

Why "Empty" Is the Most Expensive Word in Web Design

White space and spacing grid layout illustration

Most people fill empty space because it feels unfinished. That instinct is the single fastest way to make a website look cheap.

Strategic white space doesn't waste real estate — it creates the visual breathing room that improves readability, guides attention, and communicates sophistication. Studies on layout comprehension show that generous, intentional spacing increases content comprehension by 20%. Your visitors read less text and understand more of it. That's not a coincidence — it's design doing its job.

The prompt that fixes this

Run this against your actual homepage, not a hypothetical one:

"Act as a layout critic reviewing my page: [upload screenshots]. Go section by section. Tell me: where it feels cramped, where it feels empty in the wrong way, the exact spacing changes that would make it feel more expensive, and why generous white space is one of the fastest signals of a premium build."

Notice what this prompt does that "make it look nicer" doesn't: it forces a section-by-section pass, and it asks for the difference between good empty space and bad empty space — because those are not the same thing.

Cramped vs. empty in the wrong way

  • Cramped: text touching the edge of its container, buttons stacked with no gap, headlines sitting directly on top of body copy with no vertical rhythm.
  • Empty in the wrong way: a section with nothing to look at — no anchor point, no hierarchy, just dead space that reads as "unfinished" rather than "intentional."

The difference is whether the space is doing work. Good white space separates ideas and directs the eye. Bad white space is just a gap where content should have been.

"White space is not what's left over. It's the thing that tells the visitor what matters."

Three spacing changes that instantly read as "expensive"

  1. Increase section padding. Most DIY sites use 40–60px between sections. Premium builds use 90–140px. The extra room alone changes the whole feel.
  2. Give headlines their own vertical rhythm. A heading needs more space above it than below it — that's what tells the eye a new idea is starting.
  3. Widen the gutter between columns. Cards or columns crammed together read as a spreadsheet. 24–40px of breathing room reads as a layout.
Quick Start Screenshot your homepage. Run the Breathing Room Auditor prompt above. Apply just the spacing fixes — nothing else — and look at the page again before touching anything else.

This is one of the 7 prompts from the full series — paired with the other six, it's the fastest way to go from "obviously AI-built" to "obviously a studio built this."

← Back to all 7 prompts

Prompt it in Claude. Marcor builds and hosts it. Done.

Start your 7-day free Marcor trial — use Claude to prompt, Marcor to build and host everything, and its Powerful, Easiest Agent Builder (BYOK) to make the site convert for you around the clock.

Start My 7-Day Free Trial →
✓ No dev, no code✓ No extra fees✓ Live in 10–15 minutes✓ Agent built-in (BYOK)✓ Hosted automatically