v0 est rapide et son rendu par défaut est reconnaissable comme étant du v0 : les mêmes surfaces neutres, la même typographie Geist/Inter, les mêmes cartes arrondies. C'est parfait pour un prototype, mais inapproprié pour une marque. Comme v0 s'appuie sur shadcn/ui et Tailwind, il utilisera volontiers un autre ensemble de tokens et une autre paire de polices si vous lui en donnez un ; l'astuce consiste à lui fournir un système complet et cohérent plutôt que quelques choix de couleurs isolés.

Voici le kit gratuit ambient-sage, rendu à partir de ses vrais tokens. C'est le système cohérent que vous remettez à v0 : des couleurs sémantiques, des polices et des traitements, pas seulement une palette :

1. 1

   Collez le DESIGN.md comme brief

   Ouvrez la page du kit dans la galerie (ex: /kits/ambient-sage) et copiez son fichier DESIGN.md : l'intention, le système typographique, l'espacement, les traitements de composants, les motifs ainsi que les bonnes et mauvaises pratiques. Collez le tout dans le chat v0 et demandez lui de le suivre pour tout ce qu'il construit.

2. 2

   Appliquez les tokens via le registre shadcn

   Une fois que vous avez connecté la sortie de v0 à un projet (via GitHub ou Téléchargement), exécutez la commande de registre du kit pour installer ses variables CSS dans votre thème shadcn :

   Copy

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

3. 3

   Ou collez les variables CSS directement

   Pas de configuration shadcn ? Copiez l'export des variables CSS du kit depuis sa page et collez les blocs :root et .dark dans votre feuille de style globale. Les composants générés par v0 font déjà référence à --background, --primary, etc.

4. 4

   Demandez à v0 de reconstruire sur le système

   Maintenant, formulez vos prompts normalement : v0 génère en fonction de vos tokens et respecte les règles du DESIGN.md.

   Copy

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

Injecter trois couleurs de marque dans v0 vous donne trois couleurs et beaucoup de valeurs par défaut non définies pour les 25 autres rôles : états de survol, texte atténué, bordures, séries de graphiques, mode sombre. Un kit définit tous les 28 rôles sémantiques en mode clair et sombre, de sorte que v0 n'ait jamais à improviser les valeurs intermédiaires. C'est la différence entre une application thémée et une application simplement recolorée. Lisez l'explication des tokens de couleur sémantiques pour voir la liste complète des rôles.

Même principe avec les autres constructeurs web : Lovable et Bolt. Pour les agents de codage, commencez par le guide pilier.