DeskFluent
Module 1Free8 min read

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:

LevelJobRough size
1 — HeadlineThe one messageHUGE — 3–4× the body text
2 — SubheadThe supporting lineMedium
3 — DetailsDate, place, contact, fine printSmall

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:

  1. 1Left-align everything to one line
  2. 2Double all the margins and gaps
  3. 3Make the headline 3× bigger and the fine print smaller
  4. 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.

  1. Why do professionals mostly avoid centring everything?
  2. What does generous white space communicate?
  3. How different should your hierarchy levels be?

Your score is saved to your dashboard.

Finished reading? Tick it off.

Create a free account to save your progress, streak and badges.

Next lesson

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.