Design tokens and theming
Comes up in: Frontend system design, Hiring manager
This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.
What it covers
- primitive vs semantic tokens
- tokens to CSS variables
- theming (dark mode, brands)
- the W3C Design Tokens format (status — facts)
- tooling (Style Dictionary)
Words you will know
What you will practise
- token set + dark theme
Interview questions this answers
- What are design tokens?
- How do you version and deprecate components without breaking teams?