Why use tokens at all?
Tokens simplify the handoff and global changes across multiple platforms. By using the same tokens from a single source of truth, you can achieve:
- Better communication between designers and developers
- Better sync between design and code base
- Consistent branding throughout your products
Token types
VUD tokens are categorised into three token types:
- Base tokens are the primitive values that define the final product's visual appearance.
- Semantic tokens establish the intended usage of the tokens. They reference the base tokens.
- Component-specific tokens represent all values associated with a component. They often inherit the colours from the semantic tokens.
Three token types
Related content