Design tokens

Design tokens are all the values needed to construct and maintain a design system. These values can represent everything defined by the design: a color as an RGB value, opacity as a number, a simple animation as Bezier coordinates. We use tokens instead of hard-coded values to ensure flexibility and consistency across all product experiences.

Design tokens are directly integrated into our component library. They cover the various options for weights, color themes, component states, and more.