Design tokens
Design tokens are used in place of hard-coded values to maintain consistent and scalable design system development.
Color
#
Text
#
Icon
#
Background
#
Border
#
Color System
#
Font
#
Font family
#
Font weight
#
Font size - text
#
Font size - headings
#
Font size - headings
#
Border radius
#
Opacity
#
Z-index
#