Camada B

Design Tokens

Fonte única de verdade visual — Camada B.1

Cole em v0, Lovable, Tailwind config ou CSS antes de gerar componentes. Personalize os campos [ENTRE COLCHETES].

json

{
  "brand": { "name": "[NOME DA EMPRESA]", "niche": "[NICHO]" },
  "colors": {
    "primary": "[#HEX]", "secondary": "[#HEX]", "accent": "[#HEX]",
    "bg": "#FFFFFF", "surface": "#F7F7F8", "text": "#111827"
  },
  "typography": {
    "fontFamily": "Inter, system-ui, sans-serif",
    "scale": { "base": "16px", "h1": "clamp(2rem,5vw,3.5rem)" }
  },
  "spacing": [4,8,12,16,24,32,48,64,80]
}