Design systems before screens

If a layout needs a caption to explain what's important, the hierarchy hasn't done its job yet.

Tokens first

Type scale, spacing rhythm, and a small colour palette get decided before any individual screen does. Everything downstream inherits from that.

Then screens

Once the system exists, individual screens stop being design decisions and start being assembly — which is exactly how it should feel by the tenth screen, not the first.