The invisible grid: alignment, spacing, hierarchy
Three arrangement rules turn a messy page into a professional one — before you touch fonts or colour.
Take any amateur design and apply just this lesson — no font changes, no colour changes — and it will look dramatically more professional. Arrangement is that powerful.
Rule 1 — Alignment: everything lines up with something
Look at any professional page and imagine faint vertical lines running down it. Every element — headline, text, image, logo — snaps to one of those lines. Nothing floats randomly.
The beginner mistake is centring everything — it feels safe and symmetrical, but centred text has ragged edges on both sides, so nothing lines up with anything. Professionals mostly use strong left alignment: one crisp shared edge that the eye can ride down the page.
Rule 2 — White space: the confidence of emptiness
Beginners fear empty space and fill every corner — a date here, a slogan there, one more starburst. But look at luxury advertising: a perfume ad is 90% emptiness, one bottle, three words. Emptiness reads as confidence; clutter reads as desperation.
Practical version: whatever margin you left around your design's edges — double it. Whatever gap between unrelated elements — double it. It will feel wasteful for exactly two days, then everything you made before will look cramped to you.
Rule 3 — Hierarchy: the order of noticing
A viewer gives your design 2 seconds. Hierarchy decides what those seconds land on, in what order.
The working recipe — three levels, dramatically different:
| Level | Job | Rough size |
|---|---|---|
| 1 — Headline | The one message | HUGE — 3–4× the body text |
| 2 — Subhead | The supporting line | Medium |
| 3 — Details | Date, place, contact, fine print | Small |
The amateur error is timidity: headline 24pt, body 18pt — everything politely similar, so nothing leads. If the difference isn't obvious from across the room, it isn't hierarchy. When in doubt, make the big thing embarrassingly bigger; it will look right on the page.
Rule 4 (bonus) — Proximity: distance = relationship
Things that belong together sit close; things that don't get real distance. The event's date belongs glued near its venue — not floating in the opposite corner. Viewers read distance as meaning whether you intend it or not.
Practical test: squint at your design until it's blurry blobs. Related information should blur into ONE blob. If your date and venue are separate distant blobs, they've divorced — move them back together.
The whole lesson in one exercise
Take any cluttered flyer (or your own last attempt) and:
- 1Left-align everything to one line
- 2Double all the margins and gaps
- 3Make the headline 3× bigger and the fine print smaller
- 4Pull related items close, push unrelated apart
Fifteen minutes, no talent required, and the transformation is honestly a party trick. This is what people mean when they say a design looks "clean" — they're seeing these four rules obeyed.
Too Long; Didn’t Read
- Align everything to shared invisible lines — one strong left edge beats centring everything.
- Double your white space: emptiness reads as confidence, clutter as desperation.
- Hierarchy must be obvious from across the room — headline huge, details small — and distance signals relationship.
Your tiny task
Take any flyer or slide you have (or grab one from a noticeboard) and redo it applying the four moves: one alignment line, doubled space, 3× headline, related things pulled together. Compare before and after — save both for your portfolio's "before/after" page.
It takes a few minutes and it’s the bit that makes the lesson stick.
Quick check
0 of 3 answered
Three questions. Get one wrong and you’ll get a hint — there’s no penalty and you can try again straight away.
Your score is saved to your dashboard.
Finished reading? Tick it off.
Create a free account to save your progress, streak and badges.
Up next: Fonts: the two-font rule and friends
Advertisement
Ad space (lessonFooter)
Add your AdSense IDs to .env and real ads appear here.
Ads keep the free courses free. Go Pro to remove them.