Brand Board Standard
Cette compétence fait en sorte que chaque brand board utilise le même cadre de sections, de sorte que des marques différentes (caractères, couleurs, tons différents) puissent toujours être comparées, révisées et transmises de la même manière.
Cette norme est dérivée de l'analyse de 4 boards de référence (Pawang.dev, DukunKode, Gus Kode, Ning Kode). Chaque board est fort dans un domaine différent, donc cette norme combine le meilleur de chacun. Les spécifications complètes de chaque section se trouvent dans references/section-spec.md.
Pourquoi cette norme existe
Sans cadre fixe, un nouveau board a tendance à omettre les sections auxquelles on ne pense pas à ce moment-là (version sombre du logo, police de code, microcopies pour les états d'erreur). Le résultat est que la marque ne peut pas être utilisée de manière cohérente par d'autres équipes. Un cadre fixe force à poser les mêmes questions à chaque marque.
Choisir la couverture : étagée ou complète
Il y a deux couvertures. La valeur par défaut est étagée. N'utilisez la couverture complète que si l'utilisateur la demande explicitement (par exemple "mode complet", "toutes les sections", "full", "remplis tout"). Si l'utilisateur ne mentionne rien, utilisez la couverture étagée et ne posez pas de question.
| Étagée (par défaut) | Complète | |
|---|---|---|
| Niveau 1 (7 sections) | Obligatoire | Obligatoire |
| Niveau 2 (7 sections) | Uniquement si la marque possède l'élément | Obligatoire, utiliser la version minimale si la marque ne possède pas l'élément |
| Niveau 3 (2 sections) | Uniquement si pertinent | Obligatoire, utiliser la version minimale si non pertinent |
| Sections omises | Notées avec leur raison | Aucune |
| Adapté pour | Marques ayant déjà une identité claire, board concis | Modèle uniforme entre marques, documentation exhaustive |
En couverture complète, chaque section a une "version minimale" (voir references/section-spec.md) pour éviter qu'elle ne semble forcée : son contenu est dérivé du logo, du slogan et du domaine d'activité, sans inventer d'éléments inappropriés. Les sections dont tout le contenu est dérivé sont marquées [ASSUMPTION] une fois dans le titre de la section, et non par ligne (voir les règles de marquage ci-dessous).
Trois modes de travail
Déterminez le mode à partir de la demande de l'utilisateur, puis suivez le flux. La couverture (étagée/complète) s'applique aux trois.
Mode A : Créer un nouveau brand board
- Recueillez le brief minimum. Vérifiez d'abord ce qui existe déjà dans la conversation, ne reposez pas les questions. Ce qui est nécessaire :
- Nom de la marque et slogan (ou 3 piliers de valeurs)
- Domaine d'activité et public cible
- Caractère/ton (par exemple chaleureux, mystérieux, formel) et le cas échéant, concept culturel ou mascotte
- Préférences de couleurs (optionnel, peut être proposé) Si le brief est insuffisant, posez au maximum 3 questions à la fois, le reste est rempli par des hypothèses écrites explicitement.
- Déterminez la couverture (par défaut étagée) et, si étagée, choisissez les sections de Niveau 2/3 pertinentes.
- Générez le Brand Spec en utilisant
assets/brand-spec-template.md. C'est un document Markdown qui remplit chaque section et devient la source unique de vérité. - Générez le prompt d'image (un prompt par board) dérivé du Brand Spec, en suivant la "Mise en page du canevas" dans
references/section-spec.md. Claude ne dessine pas le board lui-même, donc ce prompt est utilisé dans l'outil de génération d'images au choix de l'utilisateur. - Exécutez la checklist QA avant de remettre les résultats.
Mode B : Auditer un board existant
- Mappez le contenu du board sur la liste standard des sections (16 sections). Sans demande spéciale, évaluez par rapport à la couverture étagée ; si l'utilisateur demande la couverture complète, les 16 sections sont considérées comme obligatoires.
- Produisez un tableau : section, statut (✅ complet / ⚠️ partiel / ❌ absent), et notes de lacunes spécifiques (par exemple "la typographie n'a pas de police de code").
- Ordonnez les constats : Niveau 1 manquant d'abord, puis complétude du contenu, puis Niveaux 2 et 3.
- Proposez de créer un Brand Spec complémentaire pour combler ces lacunes.
Mode C : Harmoniser plusieurs boards
Exécutez le Mode B sur chaque board, affichez une matrice comparative, puis proposez les sections à ajouter à chacun.
Structure standard (résumé)
L'ordre et la numérotation restent fixes. Ne les modifiez pas entre les marques, afin que le lecteur sache toujours où trouver quelque chose. Une section = un sujet, aucune section n'est fusionnée.
Niveau 1 : Obligatoire dans tous les boards, dans les deux couvertures
| # | Section | Contenu minimum |
|---|---|---|
| 1 | Hero | Logo principal, slogan, illustration/visuel principal, une phrase d'accompagnement, 3 piliers |
| 2 | Variantes de Logo | Horizontal, vertical, icône/app icon, minimaliste, version sombre, favicon |
| 3 | Palette de Couleurs | Minimum 4 couleurs ; chaque couleur a un nom, un hex et un rôle |
| 4 | Typographie | 3 rôles : titre, contenu, code/technique ; chaque police a une étiquette d'utilisation et un exemple |
| 5 | Ton de Voix | Description du ton, exemples de citations, microcopies par contexte UI, checklist de principes |
| 6 | Exemples d'Application | Minimum 3 contextes réels |
| 7 | Pied de Page | Petit logo, description d'une ligne, 3 piliers ou slogan |
Niveau 2 : Conditionnel en couverture étagée, obligatoire en couverture complète
| # | Section | Condition en couverture étagée |
|---|---|---|
| 8 | Philosophie | La marque se vend par une histoire ou un positionnement |
| 9 | Valeurs de la Marque | La marque a des valeurs communiquées au public |
| 10 | Mascotte | La marque a un personnage |
| 11 | Jeu d'Icônes | La marque utilise son propre jeu d'icônes |
| 12 | Éléments Visuels | La marque utilise des ornements ou motifs culturels |
| 13 | Motifs de Fond | La marque utilise des motifs d'arrière-plan |
| 14 | Actifs Supplémentaires | Il y a des propriétés de support |
Niveau 3 : Modules commerciaux, optionnels en couverture étagée, obligatoires en couverture complète
| # | Section | Condition en couverture étagée |
|---|---|---|
| 15 | Services | La marque vend des services/produits nommés |
| 16 | Forfaits | Les services ont des forfaits |
Règles de rédaction du Brand Spec
- Utilisez Markdown. Si vous devez afficher un flux ou une hiérarchie, utilisez un diagramme Mermaid. Ne suggérez pas de CSV comme source de données, car Markdown suffit comme source unique de vérité.
- Rédigez dans la langue utilisée par l'utilisateur (par défaut le français). Les termes techniques restent dans leur forme originale (hex, favicon, microcopy).
- Conservez les noms de sections des boards de référence : "Palette de Couleurs", "Typographie", "Ton de Voix", "Exemples d'Application", "Variantes de Logo".
- Chaque valeur de couleur est écrite comme
#RRGGBB. Chaque police est écrite avec son nom exact et son rôle. - Mentionnez les paires de couleurs texte-fond sécurisées pour le corps du texte (ratio de contraste cible minimum 4.5:1) dans la colonne rôle de la palette.
- N'inventez pas de faits commerciaux (prix, noms de services, affirmations) que l'utilisateur n'a pas fournis. Si vous devez absolument les remplir, marquez-les
[ASSUMPTION]afin qu'ils soient faciles à trouver et à confirmer. - Règle de marquage
[ASSUMPTION]: marquez au niveau de la section si tout le contenu de cette section est dérivé ou une version minimale, en le plaçant dans le titre (exemple :### 10. Mascotte [ASSUMPTION]). Marquez au niveau de la ligne ou de la phrase uniquement pour un fait spécifique à l'intérieur d'une section dont le reste provient de l'utilisateur ou du brief (exemple : la promesse "en 1 jour ouvré" dans un e-mail de confirmation, ou un nom de service non encore approuvé). Ne marquez pas chaque ligne d'un tableau dans une section déjà marquée dans son titre. Le résumé final se contente de mentionner la liste des sections marquées et des faits spécifiques marqués. - Si la marque utilise des éléments culturels ou religieux (batik, kawung, insignes, termes religieux), veillez à ce que leur utilisation soit respectueuse et non dégradante. Demandez en cas de doute, ne faites pas d'hypothèse.
Format du prompt d'image
Le prompt d'image doit être autonome (peut être collé directement) et contenir, dans l'ordre : le format du canevas, le style d'illustration, la liste des sections avec leur contenu, la palette avec les hex, et les interdictions (par exemple "pas de texte aléatoire", "le texte doit être lisible").
Deux ordres différents, ne les mélangez pas :
- Le Brand Spec suit l'ordre des numéros de section (1, 2, 3, ... 16).
- Le prompt d'image suit l'ordre de la mise en page du canevas, c'est-à-dire ligne par ligne de haut en bas : 1, 2, 10, 14, 11, 12, 3, 4, 5, 6, 13, 8, 9, 15, 16, puis 7 (Pied de page) en dernier. En couverture étagée, sautez les numéros non utilisés sans modifier l'ordre du reste.
- Préfixez chaque section dans le prompt avec son numéro standard (exemple :
[10] Mascotte : ...), afin qu'il soit clair de quelle section il s'agit même si l'ordre diffère des numéros. Écrivez tout le texte qui doit apparaître dans l'image de manière exacte, car les modèles d'image ont tendance à mal orthographier le texte laissé libre.
Suggérez à l'utilisateur de considérer le résultat de l'image comme un brouillon visuel, et le Brand Spec Markdown comme la source de vérité pour les hex, les noms de police et le texte.
Checklist QA avant de remettre les résultats
- La couverture utilisée (étagée/complète) est mentionnée au début du Brand Spec
- Toutes les 7 sections du Niveau 1 sont présentes et répondent au contenu minimum
- Chaque couleur a un nom, un hex et un rôle
- La typographie a une police de code et une étiquette d'utilisation pour chaque police
- Il y a une version sombre du logo et un favicon
- Le ton de voix comprend des microcopies pour au moins : hero, CTA, chargement, succès, erreur 404, e-mail de confirmation
- L'ordre et la numérotation des sections sont conformes à la norme
- Couverture complète : les 16 sections sont remplies, aucune n'est vide
- Couverture étagée : les sections omises sont notées avec leur raison
- Les hypothèses sont marquées selon les règles : par section dans le titre si tout est dérivé, par ligne uniquement pour un fait unique ; pas de double marquage à l'intérieur d'une section déjà marquée
- Le résumé final mentionne la liste des sections et des faits marqués
[ASSUMPTION]
Format de réponse à l'utilisateur
Commencez par le résultat (Brand Spec ou tableau d'audit), puis terminez par une courte liste des hypothèses et des éléments à confirmer. Ne répétez pas le contenu de la spécification dans le chat s'il existe déjà dans un fichier.