Design tokens

Les Design Tokens sont des valeurs nommées qui représentent les éléments visuels fondamentaux d’un design system, comme les couleurs, les typographies, les espacements, etc

Exemple :

{
  "color": {
    "primary": "#0066cc",
    "secondary": "#ff9900",
    "text": "#333333",
    "background": "#ffffff"
  },
  "typography": {
    "fontFamily": "'Roboto', sans-serif",
    "fontSize": {
      "small": "12px",
      "medium": "16px",
      "large": "24px"
    }
  },
  "spacing": {
    "small": "8px",
    "medium": "16px",
    "large": "24px"
  }
}