Hierarchy
Why Alignment Makes a Screen Feel Easier to Scan
Why alignment makes a screen feel easier to scan: learn to spot stray edges and use shared lines to clarify which…
The reading list
All pieces
Browse explanations of screen hierarchy, type, colour, motion and interaction. Each piece takes one visible design choice and asks what it helps a reader notice.
Typography
Serif or Sans Serif for a Short Screen Label?
Serif or sans serif for a short screen label? Match type to the label’s letter shapes and length to make names, tabs…
Interaction
The Quiet History of the Cursor
The history of the cursor shows how text markers, mouse pointers, and changing shapes signal where you can type…
Colour
The Colour-Code Myth: One Hue Does Not Mean One Thing
Learn how to use color codes with labels, contrast, and repetition so readers can interpret interface signals without…
Motion
A Five-Minute Rewatch for Screen Transitions
Use a five-minute rewatch of one familiar screen flow to see where transitions begin, what changes, and which…