À quoi sert Identité de Marque Studio ?
Une mission d'identité de marque mélange de la stratégie (brief, positionnement, plateforme), de la création (territoire, palette, typographie, logo) et de la gestion (délais, validations, déclinaisons, fichiers à livrer). Identité de Marque Studio rassemble tout au même endroit, projet par projet.
Tu obtiens un score sur 6 axes, une analyse des contrastes de ta palette avec des variantes lisibles de même teinte, les couleurs que tu partages avec les concurrents, un calendrier de mission qui compare ton avancement au temps écoulé, des repères de budget et de durée selon le secteur et le type de mission, des recommandations priorisées, des générateurs, une charte graphique prête à envoyer et un rapport client à sa marque.
Avec les autres outils Yok-Kod
Identité de Marque Studio pilote la mission d'identité. Pour aller plus loin sur une partie :
- Nom de Marque Studio invente et note des noms et vérifie les noms de domaine (la section 6 ne garde que les candidats retenus) ;
- Proposition Commerciale Studio rédige la proposition commerciale de la mission ;
- Storyboard Vidéo prépare une vidéo de présentation de la nouvelle identité ;
- Balises SEO Studio reprend le nom, la signature et la couleur de thème pour les balises du site et le partage sur les réseaux.
Pour qui ?
Designers indépendants
Cadrer chaque mission et livrer une charte claire.
Studios et agences
Suivre jusqu'à 30 identités et rendre des comptes au client.
Fondateurs
Poser la stratégie et les règles de leur marque avant de la confier.
Équipes marketing
Moderniser une identité et vérifier qu'elle reste lisible partout.
Associations
Construire une identité solide avec un petit budget.
Étudiants et enseignants
Structurer un projet d'identité de A à Z.
Les étapes, une par une
Découvre l'outil avec la démo
Bouton 🎁 Démo (en haut) : toutes les sections se remplissent avec une marque de soins fictive, dates calées sur aujourd'hui. Parcours les onglets, puis efface la démo (bouton Suppr.) pour démarrer ton projet.
Cadre la mission
Section 1 : client, secteur et type de mission (identité complète, refonte, naming, logo, charte, audit). Ces deux choix ajustent les repères de budget et de durée et la liste des sections attendues. Indique le budget, la date de début et la date de livraison.
Pose la stratégie
Sections 2 à 7 : brief, positionnement (promesse, mission, vision, valeurs, raison d'être), jusqu'à 3 personas avec leur perception actuelle et visée, les concurrents avec leurs codes visuels, les noms retenus et la plateforme de marque (essence, signature, ton, personnalité, ce que la marque n'est pas).
Construis l'identité visuelle
Section 8 : territoire visuel et position sur 6 axes. Section 9 : la palette, une couleur par ligne (nom | #RRGGBB | usage) ; écris « texte » ou « fond » dans l'usage pour que l'outil vérifie la lisibilité.
Section 10 : polices et échelle typographique. Sections 11 à 13 : règles du logo, système graphique, imagerie.
Suis la livraison
Section 14 : les déclinaisons et leur statut (à-faire, en-cours, livré, na). Section 15 : chapitres de la charte et règles à faire / à éviter. Section 16 : fichiers livrés.
Section 17 : étape actuelle, avancement et retours du client. Section 18 : nom, logo et couleur du client pour le 📋 rapport.
Les contrastes et les variantes conformes
L'onglet 🌈 Palette calcule le contraste de chaque couleur selon la méthode WCAG 2 (luminance relative) :
- couleurs lisibles en texte : une couleur l'est si elle atteint 4,5:1 sur au moins une autre couleur de la palette ;
- couleurs de texte : si l'usage d'une couleur parle de texte, de titres ou de légendes, l'outil la teste sur le fond principal (la couleur dont l'usage parle de fond, sinon la plus claire) et alerte sous 4,5:1 ;
- variante conforme : pour une couleur trop claire ou trop foncée, l'outil cherche la nuance la plus proche, de même teinte, qui passe le seuil, et te donne son code à copier ;
- toutes les paires : chaque association de deux couleurs avec son ratio et son usage possible (texte courant, grands textes ou décor).
Couleurs partagées avec les concurrents
Dans la section 5, décris les codes visuels de chaque concurrent avec des mots de couleur (« vert pastel », « noir et or », « bleu marine »…). L'outil range tes couleurs franches (primaires et secondaires) par famille de teinte et signale celles qu'un concurrent utilise déjà. Quand c'est ta couleur signature (la première primaire franche), l'alerte est plus forte : joue sur la nuance, la saturation, une association inattendue ou un usage plus rare.
L'onglet 🎨 Territoire compare aussi la palette à tes axes : la part de teintes chaudes avec l'axe « froid ↔ chaleureux », le nombre de couleurs avec l'axe « minimal ↔ riche ».
Le calendrier de mission
Avec les dates de début et de livraison, l'outil découpe la mission en étapes (découverte 10 %, stratégie jusqu'à 25 %, création jusqu'à 60 %, validation jusqu'à 85 %, livraison) et affiche l'étape attendue aujourd'hui. Si l'étape réelle (section 17) est en retard d'une étape ou plus, une alerte apparaît.
Le rythme compare l'avancement saisi à la part du temps écoulé : 1 signifie « dans les temps », 0,8 « léger retard ». La part de déclinaisons livrées est jugée de la même façon, au regard du temps écoulé.
Les générateurs
- Neutres (section 9) : une encre, un gris texte et un fond clair légèrement teintés de ta couleur principale ; le gris est ajusté pour rester lisible sur le fond clair.
- Échelle typographique (section 10) : de H1 à la légende, à partir d'un texte courant de 16 px et d'un rapport au choix (1,2 à 1,5), avec graisses et interlignes.
- Déclinaisons (section 14) : les supports habituels selon le type de mission et le secteur (packaging pour l'alimentation ou la beauté, interface pour la tech, signalétique pour un commerce…), sans doublon avec ta liste.
- Fichiers livrés (section 16) : logo, favicon, palette, polices, charte, modèles, avec leur format et leurs droits.
- Règles à faire / à éviter (section 15) : déduites de tes polices, de ton logo et des contrastes de ta palette.
Le score sur 6 axes
Chaque axe est noté sur 100 à partir de plusieurs critères. Un critère sans donnée est ignoré, et un axe sans aucune donnée affiche « n.é. » (non évalué) : il ne compte pas dans le score global, qui est la moyenne des axes évalués.
| Axe | Ce qui est regardé |
|---|---|
| Clarté stratégique | Promesse, mission, vision, valeurs, raison d'être, essence, signature, ton de voix, personnalité, ce que la marque n'est pas, brief |
| Cohérence visuelle | Codes couleur valides, neutres, nombre de couleurs dans le repère du secteur, justification, polices et échelle, territoire, accord de la palette avec les axes |
| Différenciation | Analyse des concurrents (positionnement, codes, forces, faiblesses), promesse, anti-références, couleurs partagées avec les concurrents |
| Complétude | Sections remplies parmi celles attendues pour le type de mission |
| Technique | Règles du logo, couleurs lisibles en texte, couleurs de texte illisibles, polices de secours et graisses, taille du texte courant et de la plus petite taille |
| Livraison | Déclinaisons livrées au regard du temps écoulé, fichiers et archive, chapitres de la charte prêts, rythme de la mission |
Les formules calculées
- Budget par jour ouvré = budget ÷ jours du lundi au vendredi entre le début et la livraison
- Rythme de la mission = avancement ÷ part du temps écoulé
- Déclinaisons livrées = livrées ÷ applicables × 100 (les supports « na » sont exclus)
- Couleurs lisibles en texte = couleurs atteignant 4,5:1 sur une autre couleur de la palette ÷ couleurs
- Charte prête = chapitres cochés qui ont déjà du contenu ÷ chapitres cochés
- Contraste = (luminance la plus claire + 0,05) ÷ (luminance la plus foncée + 0,05)
La charte graphique
L'export Charte graphique construit un document HTML prêt à envoyer, imprimable en PDF : couverture aux couleurs de la marque, sommaire, puis un chapitre par case cochée en section 15 (stratégie, logo, couleurs avec HEX, RVB et CMJN, associations lisibles, polices et échelle, système graphique, imagerie, ton de voix, applications, règles à faire / à éviter, fichiers). Un chapitre coché mais vide n'apparaît pas : l'onglet 📖 Charte indique ce qui manque.
Le rapport client
Le rapport reprend le score, l'avancement et la date de livraison, la stratégie et la plateforme, le naming, l'identité visuelle (logo, nuancier, polices), les déclinaisons, les fichiers livrés, des recommandations, ta conclusion et tes prochaines étapes, et en option des annexes (contrastes, échelle, règles, concurrents). Il porte le nom, le logo et la couleur du client ; en Pro, sans mention de Yok-Kod (la version découverte ajoute un filigrane « Version découverte · Fait avec Yok-Kod »). L'IA (Pro) peut rédiger l'introduction, la conclusion et les prochaines étapes.
L'IA (optionnelle, Pro)
Avec ta propre clé (Agnes, OpenAI, Claude, Mistral, Groq, Gemini, DeepSeek, OpenRouter…), l'onglet ✨ IA propose : audit de l'identité, plateforme de marque, territoire visuel, 3 palettes avec contrastes, associations typographiques, pistes de noms, plan de la charte et relecture du rapport. Le bouton « ✍️ Proposer la plateforme avec l'IA » remplit la section 7, et « ✍️ Rédiger… avec l'IA » prépare les textes du rapport.
Les exports
Le rapport, la charte graphique et le ZIP s'exportent aussi en version découverte, avec une mention « Version découverte · Fait avec Yok-Kod · yok-kod.com » en fin de document (et en bas de chaque page imprimée) ; le Pro la retire. Les exports de données et d'intégration (.ase, CSS, design tokens, Notion, Airtable, CSV, JSON) sont réservés au Pro, et le ZIP de la version découverte ne les contient pas.
| Export | Pour quoi faire |
|---|---|
| Rapport PDF, HTML, Markdown | L'envoyer au client |
| Charte graphique (HTML) | Le document de référence de la marque, à imprimer en PDF ou à partager tel quel |
| Nuancier .ase | Importer la palette, rangée en groupes (primaires, secondaires, neutres), dans les logiciels de création compatibles Adobe Swatch Exchange |
| Variables CSS | Couleurs, piles de polices et échelle typographique (en rem) prêtes à coller dans un site, avec des classes .text-h1… |
| Design tokens | Couleurs, polices et typographie au format JSON du groupe de travail W3C, pour les outils de tokens et les bibliothèques de composants |
| Notion, Airtable | Déclinaisons, chapitres de la charte et actions à cocher, ou une table de suivi |
| CSV complet, JSON, ZIP | Toutes les données (dont RVB et CMJN de chaque couleur et toutes les paires de contraste), la sauvegarde du projet, ou tout en un |
Où sont mes données ?
Tes projets sont enregistrés dans ton navigateur (stockage local), sur l'ordinateur que tu utilises. Rien n'est conservé sur nos serveurs : les calculs sont faits à la volée puis oubliés. Pense à exporter régulièrement chaque projet en JSON (Pro) pour le sauvegarder ou le retrouver sur un autre ordinateur. Le bouton 🕐 Historique garde les dernières versions.
Version découverte et Pro
| Fonction | Découverte | Pro |
|---|---|---|
| Saisie complète, démo, score sur 6 axes, formules, repères, tous les onglets | ✓ | ✓ |
| Contrastes et variantes conformes, couleurs partagées avec les concurrents, calendrier | ✓ | ✓ |
| Générateurs (neutres, échelle, déclinaisons, fichiers, règles) | ✓ | ✓ |
| Recommandations | 3 | toutes |
| Aperçu du rapport client complet | ✓ | ✓ |
| Exports de documents (rapport PDF, HTML, Markdown, charte graphique, ZIP) | avec un filigrane « Version découverte · Fait avec Yok-Kod » | sans filigrane |
| Exports de données et d'intégration (.ase, CSS, design tokens, Notion, Airtable, CSV, JSON) | — | ✓ |
| Projets | 1 | 30 |
| 3 modèles sectoriels, import JSON | — | ✓ |
| IA avec ta clé | — | ✓ |
Le Pro d'Identité de Marque Studio coûte 29 € en paiement unique, sans abonnement ; il est aussi inclus dans le Pack Créatif + Dev (99 €) et dans l'Accès complet (179 €).
Problèmes fréquents
- Un axe du score affiche « n.é. ».
- Il n'est pas encore évalué faute de données. Par exemple, l'axe Différenciation a besoin d'au moins un concurrent (section 5) ; l'axe Livraison, de déclinaisons, de fichiers, de règles de charte ou d'un avancement avec des dates.
- Une couleur est marquée « invalide ».
- Le code doit être au format
#RRGGBB(ou#RGB), dans la deuxième colonne :nom | #C9A961 | usage. - Aucune alerte de lisibilité alors que mon texte est gris clair.
- L'outil repère les couleurs de texte grâce à leur usage : écris « texte », « titres » ou « légendes » dans la troisième colonne, et « fond » pour la couleur de fond principale.
- Aucune couleur partagée n'est détectée.
- Les codes visuels des concurrents doivent contenir des mots de couleur (« bleu marine », « doré »…), et ta palette des couleurs franches : les noirs, blancs, gris et beiges ne sont pas comparés.
- L'aperçu des polices ne ressemble pas à la police choisie.
- La police n'est pas installée sur ton appareil : c'est la police de secours qui s'affiche. Installe-la, ou vérifie l'orthographe exacte de son nom.
- L'étape attendue ne s'affiche pas.
- Il faut une date de début et une date de livraison (section 1), la seconde après la première.
- L'IA répond « clé invalide ».
- Vérifie que le fournisseur choisi correspond bien à ta clé, puis reteste-la. Les clés gratuites sont limitées à quelques requêtes par minute.
- Je ne retrouve plus mon projet.
- Vérifie que tu utilises le même ordinateur, le même navigateur et le même compte.
Une autre question ? Écris-nous, on répond rapidement.
Prêt pour ta prochaine identité de marque ?
Essai gratuit, sans carte bancaire.