Design tokens

Design tokens are the primitives of visual style, such as colors, fonts, their sizes and weights, borders, shadows etc. You can think them as base rules for the visual look. They will not have a visual representation themselves, but are used by Components.

You can use tokes as css variables in your sass files or in javascript if you use a css in js solution such as emotion.