Tokens

Design Tokens are variables that represent hard coded values for various types of design decisions; spacing, color, typography, font, elevation, border radius, etc. They can represent anything defined by a designer; a RGBa value for a semi-transparent color, or the pixel width of a border. We use design tokens in the place of hard coded values in order to create flexibility and consistency across all our products within Webex.

In Momentum, we have integrated design tokens into our components, assets, and UI toolkits.

Core

These tokens represent the base values in Momentum. They can be directly used, but are also inherited by all other token types.

Theme

These tokens are dependent of the selected Theme, thus only be used in conjuction with a ThemeProvider component (see Components).

Color is the standard Momentum Theme, AAOS for Android Automative System.