Overview

Design tokens are the style values of UI elements such as color, typography, spacing, shadows, etc.

The tokens extend the tailwind default theme, they are shared across design and code:

• borderStyles
• borderWidths
• colors
• fontSizes
• fontWeights
• fontFamily
• lineHeights
• rounded
• shadows
• sizes
• space
• transitions
• zIndices