Skip to main content

Types of Tokens

What are Theme Tokens​

Theme tokens are reusable design tokens in that are converted into CSS Variables.

We have 3 Tiers of Tokens in the Candy Design System:

Tier 1 Tokens​

Utility Tokens: Used to define the name of a color, sizes, radii and spaces.

Tier 2 Tokens​

App-Level Tokens: Defines Tokens at the app level and can use hard-coded values as well as Tier 1 (Utility) Tokens

Tier 3 Tokens​

Component-Level Tokens: Defines Tokens used for specific components. Component-Level Tokens can use hard-coded values, Tier 1 and Tier 2 Tokens.

See more details about each Tier level in the following pages.