Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Design Systems
Token Naming Conventions & Tier Architecture — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
Token Naming Conventions & Tier Architecture
A design system uses the token `color-blue-500` as the background of its primary button. The brand team replaces the primary blue with indigo. What is the core architectural problem this naming reveals?
The token is stored in a JSON file rather than a CSS variable, making it harder to update.
The name encodes appearance rather than role, so the name becomes incorrect the moment the value changes, breaking the contract with consumers.
The token belongs in the component tier, not the semantic tier, so it cannot be updated centrally.
Blue-500 is a primitive token name and should not be used in any context other than the primitive tier.
Check answer