Master design system vocabulary: components, tokens, primitives, variants, slots, and design system governance.
0 / 5 completed
1 / 5
In a design system, a 'design token' is:
Design tokens are platform-agnostic design decisions stored as named variables (e.g., color.brand.primary = #0A66C2) enabling consistent styling across web, iOS, and Android.
2 / 5
What is a 'primitive' in a design system?
Primitives (or base components) are the foundational building blocks — Button, Input, Text — that are composed into more complex components like Modal or Form.
3 / 5
A 'variant' in a component library refers to:
Variants are the intentional variations of a component (size, colour, style) — designers and developers select the right variant from a controlled set.
4 / 5
In design systems, 'composition' means:
Composition is the practice of combining simpler components to build complex ones — a Card is composed of Image, Heading, Body Text, and Button primitives.
5 / 5
A 'slot' in a component means:
Slots allow component consumers to inject custom content (e.g., an icon or badge) into a designated area of the component without modifying the component itself.