Whitespace and a spacing system
Empty space is a tool, not a waste. Learn what it does for a page, and replace random gaps with a small set of spacing steps you reuse everywhere.
THE MAIN IDEA
Space is a tool, not a waste
Whitespace is any area you leave empty: margins, gaps between groups, room around a headline. Beginners see it as unused paper and fill it. Designers see it as the thing that lets everything else be read. In the last lesson you grouped things with gaps. This lesson is about using those gaps on purpose and consistently.
Think of a flyer from a discount shop, packed edge to edge with prices and stars. Now think of an ad for an expensive watch: one photo, one line, lots of empty room. Same paper size. The empty room is doing the talking.
Pauses in speech
Someone who talks for five minutes without a single pause is exhausting, even if every sentence is good. Pauses tell you where one idea ends, and a long pause before a sentence tells you it matters. Whitespace does the same on a page. Where the analogy breaks: a pause only happens between words, but whitespace also works around the outside, as margins that keep the content from pressing against the edge.
One slide, two ways
Filled
Nine bullets at 18pt. Text runs to within a finger's width of every edge. A logo, a date and a page number fill the corners. The audience reads ahead, gives up halfway, and stops listening.
Breathing
Three bullets at 28pt. Wide margins on all sides. One empty third of the slide. The other six points moved to the next two slides. The audience reads it in five seconds and looks back at the speaker.
Check yourself
Sara's flyer has a big headline with a lot of empty room around it. A colleague says: 'That space is wasted. Add a second photo and the full price list.' What should Sara do?
- Fill it, because paying for the paper and leaving it blank is money thrown away
- Enlarge all the text until the space disappears and every word is easy to read
- Fill the space with decorative shapes so the flyer doesn't look unfinished to someone walking past
- Keep the space and add only the essential details, small, at the bottom
Show the answer
Keep the space and add only the essential details, small, at the bottom
Yes. The element with the most room around it looks the most important. Filling the room would demote the headline to one more item in a crowd.
Four jobs whitespace does
- Separates. Gaps show where one group ends and the next begins, without lines or boxes.
- Emphasises. The item with the most space around it looks the most important.
- Eases reading. Margins and room between lines stop text from feeling like a wall.
- Sets the tone. Generous space feels calm and confident; cramped space feels urgent and cheap. Choose the one you mean.
THE RECIPE
A spacing system
Most homemade layouts have gaps like 7, 13, 11 and 19: whatever looked about right each time. Remember lesson 2: near-equal things look like mistakes. So pick a short ladder of steps and use only those. A common one is 4, 8, 16, 24, 32, 48. The unit is whatever your tool uses: pixels, points or millimetres.
8 between a heading and its text. 24 between one group and the next. 32 or 48 between sections and at the page edges. You stop deciding each gap and start choosing from a menu.
[32] page edge
Pottery Workshop
[8]
One day, no experience needed
[32]
When
[8]
Friday 14 June, 10am
[24]
Where
[8]
Studio Gel, Valiasr Street
[32]
( Sign up )
[32] page edgeThree gap sizes do all the work:
8 inside a group
24 between groups
32 between sections and at the edgesRead the numbers only: 8s pull lines together, 32s push sections apart. That rhythm is what makes a layout feel designed.
Check yourself
Which size of step fits each gap?
- Between an icon and its label
- Between a heading and the paragraph it introduces
- Between two cards in a list
- Between one job and the next on a CV
- The margin around a poster
- Between the 'About us' section and the 'Prices' section
Show the answer
Small (4–8): Between an icon and its label, Between a heading and the paragraph it introduces
Medium (16–24): Between two cards in a list, Between one job and the next on a CV
Large (32+): The margin around a poster, Between the 'About us' section and the 'Prices' section
Check yourself
Omid has ten bullets that don't fit on one slide. Shrinking the text to 14pt and removing the margins is a good way to keep it to a single clean slide.
Show the answer
False
That produces one slide nobody can read from the back of the room. Keep the text size and the margins, and either cut the list to what matters or split it over two or three slides. Slides are free; attention isn't.
Check yourself
Nima measures the gaps on his price list and finds 5, 9, 11, 14 and 20, with no pattern. What is the best next step?
- Set every gap to 10 so they're all equal and the list looks perfectly regular
- Leave it; nobody measures gaps, and the list already reads fine
- Give each gap a job, then snap it to a ladder like 8, 16, 24, 32
- Add a divider line in every gap so the differences don't show
Show the answer
Give each gap a job, then snap it to a ladder like 8, 16, 24, 32
Right. Gaps with the same job get the same step, and different jobs get clearly different steps. The list will look tidier, and nobody will know why.
Lesson recap
- Whitespace separates, emphasises, eases reading and sets the tone. It is working, not wasted.
- The item with the most space around it looks the most important.
- Use a ladder of steps such as 4, 8, 16, 24, 32, 48: small inside groups, medium between groups, large between sections and at the edges.
- Don't shrink text or margins to fit more in. Cut or split instead.
- Persian text needs more line spacing, and often a slightly larger size, than English.