Tokens turn taste into policy: name decisions once, consume them everywhere.
Principles#
Define semantic layers: color.bg.page → slate-50; color.action.primary → blue-600. Components may only consume semantic tokens. Review rule: raw palette names in components = rejected PR.
Applied#
- Apply it to your next feature, not a mythical redesign
- Encode the decision as a token or component
- Write one paragraph of team guidance
- Audit an existing page against the principle
Related#
design/index|Design guides · themes/index|Themes