Design system

A design system is the shared set of colours, type, spacing and components a site is built from, written down so anyone can reuse it.

Why it matters

It keeps new pages consistent without a designer on every change, and it makes the site faster because the same small set of styles is loaded once.

In practice

  • Start with tokens: colour, type scale, spacing, radius.
  • Add only the components the site actually uses.
  • Document each one with a live example.

Website designAll 42 terms

Related terms

Website handover

A handover is the moment the site becomes fully yours: logins, domain, hosting, code, and the know-how to run it.

Learn the term

Content management system

A CMS is the software your team uses to edit the website without code, such as WordPress or Webflow.

Learn the term

Page speed and Core Web Vitals

Page speed is how quickly a page shows its main content and responds.

Learn the term

Want this done for you?

Design system is part of a normal project here. Tell me where you are and I'll suggest the first three fixes.

Book a 20-minute call