Systems21 March 20267 min readNULLLAB

Systems, not pages

Design languages that scale from a favicon to a full product.

Systems, not pages — cover

When a studio designs pages, it designs a series of beautiful dead ends — each one bespoke, each one a little inconsistent with the last. When a studio designs a system, it designs a grammar: a small set of rules that can generate a favicon, a landing page, and a product dashboard that all feel like the same idea. We design the grammar.

Why systems win

Systems win because they scale in two directions at once. They scale up — the same tokens that style a button style an entire application — and they scale across time, surviving the redesigns, the new hires, and the features nobody planned for. A page cannot do this. A page is a snapshot of one moment's taste.

Design a favicon and a product with the same language, and the brand becomes something people can feel before they can name.

It starts with a handful of tokens

A system doesn't need to be large to be powerful. Ours usually starts with one canvas colour, one accent, a type scale, a spacing rhythm, and a single easing curve. From that handful of decisions, everything else is derived — which means everything else is consistent by construction, not by discipline.

The constraint is the point. When the palette is one accent, every use of it means something. When the type scale is fixed, hierarchy becomes obvious. Systems don't limit creativity — they aim it.

Keep reading

Precision over polish — cover

Systems6 min read

Precision over polish

What is creative engineering? — cover

Engineering8 min read

What is creative engineering?