What is Design system?
The short answer
A design system is a shared library of reusable components, tokens and rules that keeps every page of a product consistent and faster to build.
Design system, explained
Tokens define the basics (colour, type, spacing, radius); components combine them (buttons, cards, forms); guidelines say when to use each.
The payoff is speed and trust: new pages assemble from proven parts, and visitors meet the same patterns everywhere.
Questions people ask about Design system
What is Design system?
A design system is a shared library of reusable components, tokens and rules that keeps every page of a product consistent and faster to build.
Related terms
A style guide documents a brand's visual and written rules, such as logo use, colours, fonts and tone of voice, so everything published looks and sounds like one brand.
ComponentA component is a self-contained, reusable piece of interface, like a button, card or navigation bar, with its own structure, style and behaviour.
UIUI, or user interface, is the visible, clickable surface of a website: buttons, type, colour, spacing, icons and the states each element shows.
CSS variablesCSS variables store reusable values, such as colours, spacing or fonts, in one place so a whole site can be themed or changed consistently.
Part of the Web Encyclopedia by Apex Flow Digital. Definitions are general knowledge, kept current, with no invented statistics.