Design Tokens are a set of variables that define the visual design attributes
of a user interface. These tokens are used to ensure consistency and scalability
across all of our products and platforms, and enable us to quickly and easily make
global design changes. Our design system includes a comprehensive set of design tokens
that cover a wide range of properties, including colors, typography, spacing, borders,
and more. In this section, we will explore the various design tokens that govern
our design system, including their properties and values.
By utilizing our design tokens, you can ensure that your designs are consistent with our brand identity, and easily make global design changes to meet the evolving needs of our users.
Whether you are a designer, developer, or product manager, understanding our design token system is essential to creating high-quality, scalable, and consistent user interfaces.
Animation Duration
Gradient
| Variable name | value 1 | Example |
|---|
Hightlight
| Variable name | value 1 | Example |
|---|
Radius
| Variable name | value 1 | value 2 | Example |
|---|
Border Width
| Variable name | value 1 | value 2 | Example |
|---|
Shadow
| Variable name | value 1 | Example |
|---|
Icon sizes
| Variable name | value 1 | value 2 | Example |
|---|