O v0 é rápido e sua saída padrão é reconhecível como v0: as mesmas superfícies neutras, a mesma tipografia Geist/Inter, os mesmos cards arredondados. Isso é bom para um protótipo, mas errado para uma marca. Como o v0 é construído sobre shadcn/ui e Tailwind, ele usará tranquilamente um conjunto de tokens e pares de fontes diferentes se você fornecer um; o truque é entregar um sistema completo e coerente em vez de apenas algumas escolhas de cores soltas.

Aqui está o kit gratuito ambient-sage, renderizado a partir de seus tokens reais. Este é o sistema coerente que você entrega ao v0: cores semânticas, fontes e tratamentos, não apenas uma paleta:

1. 1

   Cole o DESIGN.md como briefing

   Abra a página do kit na galeria (ex: /kits/ambient-sage) e copie o seu DESIGN.md: a intenção, o sistema de tipografia, espaçamento, tratamentos de componentes, motivos e o que fazer e não fazer. Cole no chat do v0 e diga para ele seguir isso em tudo o que construir.

2. 2

   Aplique os tokens via registro shadcn

   Depois de conectar a saída do v0 a um projeto (via GitHub ou Download), execute o comando de registro do kit lá para instalar as variáveis CSS no seu tema shadcn:

   Copy

   npx shadcn add https://identityforge.io/r/ambient-sage.json

3. 3

   Ou cole as variáveis CSS diretamente

   Sem configuração de shadcn? Copie a exportação de variáveis CSS do kit em sua página e cole os blocos :root e .dark no seu stylesheet global. Os componentes gerados pelo v0 já fazem referência a --background, --primary e outros.

4. 4

   Peça ao v0 para reconstruir sobre o sistema

   Agora envie prompts normalmente: o v0 renderiza com base nos seus tokens e segue as regras do DESIGN.md.

   Copy

   Build a pricing page. Use only the design tokens already in
   the theme and follow the DESIGN.md I pasted.

Inserir três cores de marca no v0 lhe dará três cores e muitos padrões indefinidos para os outros 25 papéis: estados de hover, texto suave, bordas, séries de gráficos, modo escuro. Um kit define todos os 28 papéis semânticos em modo claro e escuro, para que o v0 nunca precise improvisar os valores intermediários. Essa é a diferença entre um app temático e um app apenas com cores alteradas. Leia tokens de cores semânticas explicados para ver a lista completa de papéis.

A mesma ideia se aplica em outros construtores web: Lovable e Bolt. Para agentes de codificação, comece pelo guia fundamental.