Design and product work
Design tokens
Also calledTokens
Named values for basic design decisions, such as colours, font sizes and spacing, shared between design files and code.
A design token gives a design decision a name, such as 'text-muted' or 'space-4', instead of a raw value. Designers and engineers refer to the same name, so the decision only lives in one place.
Tokens make theming possible. A dark mode is mostly a second set of values for the same token names.