llms.txt: structured index of this documentation for AI agents. Append .md to any page URL, or send Accept: text/markdown, for a Markdown version of any page.
Skip to content
Sign in

Module 4 of 10 · 4 lessons

Make space and colour feel chosen

Make space and colour feel chosen, and keep layouts standing when real content arrives.

Essential question

Which visual decisions make an interface feel deliberate under pressure?

Prerequisites

Train your eye, Make text feel right

By the end, you can

  • Build consistent spacing, alignment, colour, and edge systems
  • Stress-test a layout with real content, small screens, and zoom
  • Run a final polish pass without hiding structural problems

0 of 4 lessons complete

1

Align by relationship

Build consistent spacing and optical alignment from visible relationships

2

Build a coherent colour system

Choose colour with intent: palettes that hold together, contrast that reads

3

Stress-test a layout

Judge a layout by what breaks it: long names, small screens, and zoom

4

Run the final polish pass

Run a final pass across spacing, colour, edges, and shadows