← All terms
Labeled interface graphic showing what "Whitespace" looks like

Fig. 41 / Whitespace

Visual Design Vocabulary

Whitespace

EXPLAINED SIMPLY:Whitespace is the empty space around and between the elements of a design, left there on purpose so everything has room to breathe.

Whitespace is the empty space around and between the elements of a design, left there on purpose so everything has room to breathe. The margins of a book page, the gap between a headline and the paragraph under it, the quiet zone around a logo: all whitespace.

Show someone the same content cramped and then with room to breathe, and nobody needs the term explained. The cramped version packs everything edge to edge and feels like a chore before you've read a word. The spacious one carries identical content and reads as calm and more expensive. The only thing the better layout has more of is nothing.

The name is a small lie, and it trips people up in reviews: whitespace doesn't have to be white. It's any empty space, in any color. On a dark screen it's black, in a photo it might be open sky, and on this page it's cream. The word is a holdover from print, when the empty part of the page really was the white of the paper.

It's also the first thing that gets eaten. Someone spots a calm area, asks what else could fit there, and the honest answer is that something already does. That emptiness is working: it separates unrelated things and gives the important ones a stage. Fill it and the hierarchy goes flat, and the page starts feeling loud without a single word changing.

You'll also hear negative space, the art school name for the same idea, and breathing room, which is what people reach for when they don't know either term. Padding and margin are the measured versions, the actual numbers someone types to put the space there. When a design feels cramped or cheap and you can't name why, ask for more whitespace. It's the rare design note that costs nothing and almost always helps.