Getting started

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:

  1. Better communication between designers and developers
  2. Better sync between design and code base
  3. Consistent branding throughout your products





Token types

VUD tokens are categorised into three token types:

  1. Base tokens are the primitive values that define the final product's visual appearance.
  2. Semantic tokens establish the intended usage of the tokens. They reference the base tokens.
  3. Component-specific tokens represent all values associated with a component. They often inherit the colours from the semantic tokens.
Three token types

Three token types