Design Tokens Generator

{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "color": {
    "brand": {
      "primary": { "$value": "#4F46E5", "$type": "color" },
      "secondary": { "$value": "#10B981", "$type": "color" }
    },
    "neutral": {
      "100": { "$value": "#F3F4F6", "$type": "color" },
      "900": { "$value": "#111827", "$type": "color" }
    }
  },
  "typography": {
    "fontFamily": {
      "sans": { "$value": "Inter, system-ui", "$type": "fontFamily" }
    },
    "fontSize": {
      "base": { "$value": "16px", "$type": "dimension" }
    }
  },
  "spacing": {
    "sm": { "$value": "8px", "$type": "dimension" },
    "md": { "$value": "16px", "$type": "dimension" }
  }
}