03 · Design systems

Name the job, then the color.

A semantic token describes a role: surface, text or action. Components use that role so a theme can change without rewriting every button. Compare a role-based label with a color-specific label.

A small role-based token contract.