Why even a small site deserves a design system

· UI/UX, Design

When people hear "design system" they picture huge documentation sites from big tech companies. That is one kind. But the version I build for almost every client — even a five-page website — is much smaller, and it pays for itself within weeks.

What a small design system actually is

It is just a shared set of decisions:

  1. Colour tokens — a handful of named colours (background, text, muted, accent) instead of forty random hex codes.
  2. A type scale — four or five text sizes that work together.
  3. Spacing rules — a consistent rhythm, usually multiples of 4 or 8 pixels.
  4. Core components — buttons, inputs, cards and navigation, each designed once with all their states.

That is it. It fits on one Figma page and in one CSS file.

Why it saves money

Every time a designer or developer makes a decision from scratch, it costs time — and it introduces inconsistency. With a system, a new page is mostly assembly, not invention. When you want to add a pricing page six months later, it looks like it was always there.

Why it makes products feel premium

Users cannot name what makes an interface feel "expensive", but they feel it. It is usually consistency: the same corner radius everywhere, the same easing on every animation, the same spacing between a heading and its paragraph. A system makes that consistency automatic.

Tokens make rebrands painless

Because colours and fonts live in named tokens, changing the brand colour is a one-line change rather than a hunt through hundreds of files. On this very site, every colour comes from a few CSS variables:

:root {
  --bg: #05060a;
  --fg: #eef0f7;
  --c1: #6ef3ff;
  --c2: #a78bfa;
}

Start small, grow on demand

Do not build components you might need "someday". Start with what the first version of the product uses, and add to the system only when a real screen demands it. A design system should grow with the product, not ahead of it.

More on how this fits into a project: how I run a freelance project.

Want an interface that feels consistent and polished from day one? Let's design it together.

← All posts