Beaucoup de chartes de marque livrées par des agences ressemblent à des objets de luxe : 80 pages en PDF, mise en page parfaite, photo de couverture éditoriale. Personne ne les consulte. L’équipe marketing qui doit appliquer la marque finit par envoyer un Slack au directeur créatif tous les quinze jours pour demander « quelle est la couleur secondaire déjà ? ».
Une charte utile en 2026 est différente. Voici comment nous structurons les chartes de marque que nous livrons au studio.
Format : un site interne, pas un PDF
Nous livrons les chartes sous forme de site Notion privé ou de site Webflow restreint, jamais en PDF unique. Pourquoi : le PDF n’est jamais à jour, n’est jamais consulté en mobile, et n’est jamais cherché par un membre de l’équipe au moment où il en a besoin. Le site web est consulté par recherche, mis à jour facilement, et lié depuis les outils internes (slack channel, base de connaissance).
Le format compte parce que la charte n’est pas un document de présentation. C’est un outil de production. Un commercial doit pouvoir récupérer le logo pour une proposition. Une personne en marketing doit vérifier le ton d’un email. Un prestataire doit comprendre les règles d’espacement sans attendre une validation graphique de dernière minute.
La bonne question n’est donc pas « est-ce que la charte est belle ? », mais « est-ce qu’une personne qui ne connaît pas le projet peut produire un support correct en autonomie ? ». Si la réponse est non, la charte est incomplète, même si elle est visuellement impeccable.
Dans nos projets, nous séparons généralement trois niveaux d’accès :
- Lecture simple. Pour les équipes commerciales, RH, support ou direction : règles, exemples, liens de téléchargement.
- Contribution contrôlée. Pour les équipes marketing et produit : ajout d’exemples, demandes d’évolution, commentaires.
- Administration. Pour la personne responsable de la marque : mise à jour des tokens, archivage, validation des nouveaux composants.
Cette organisation évite deux problèmes opposés : une charte figée que personne n’ose modifier, ou une charte ouverte où chacun ajoute ses variantes jusqu’à diluer l’identité. Pour les équipes qui travaillent déjà dans Figma, les ressources de Figma Learn sont utiles pour structurer les bibliothèques, composants et styles de manière cohérente avec la documentation de marque.
Contenu : sept sections, pas plus
- Principes éditoriaux. Trois à cinq principes qui guident toutes les décisions de marque. Pas la « mission statement » floue, mais des principes opérationnels : « nous écrivons en langue parlée », « nous utilisons une seule couleur d’accent à la fois », « nous citons toujours nos sources ».
- Typographie. Les familles utilisées (web et print), l’échelle de tailles, les poids autorisés, le tracking par taille. Avec des exemples copier-coller en CSS et en Figma.
- Couleurs. Trois sous-systèmes documentés séparément : couleurs de marque (émotionnelles, distinctives), palette UI (gris et fonctionnelles, accessibles), couleur d’action (le bouton CTA principal, calibré pour le contraste).
- Logo. Versions principale et alternatives, espace de protection, tailles minimales, usages à éviter. Téléchargeables en SVG, PNG, et fichiers source.
- Iconographie et illustration. Style des icônes (filled / outline / mixed), grille de construction, et style des illustrations (couleurs, niveau de détail, références).
- Voix éditoriale. Les mots qu’on utilise, les mots qu’on évite, cinq exemples de « avant / après » sur des textes réels de l’entreprise.
- Composants UI. Boutons (primaire, secondaire, ghost, danger), formulaires, tables, badges, états vide et erreur. Spécifiés en design tokens, pas en valeurs absolues.
Si une section ne sert pas votre équipe au quotidien, supprimez-la. Une charte de 7 sections utilisées vaut mieux qu’une charte de 30 sections jamais consultées, un principe qui vaut aussi quand on refond un site web.
Chaque section doit contenir au minimum trois éléments : la règle, un bon exemple, un contre-exemple. La règle seule est trop abstraite. Le bon exemple donne un modèle à reproduire. Le contre-exemple montre la limite à ne pas franchir.
Par exemple, une section couleur utile ne dit pas seulement « utilisez le bleu principal ». Elle précise où ce bleu est autorisé, où il est interdit, quelle couleur utiliser pour les liens, quel contraste minimum viser, et comment gérer les états hover, focus, disabled et erreur.
La même logique s’applique à la typographie. Une charte mature indique les tailles de titres, les interlignes, les graisses, les usages sur mobile, les substitutions si la police n’est pas disponible, et les règles d’alignement. Si votre site repose sur des pages de conversion, notre guide sur la typographie des landing pages SaaS détaille précisément ces arbitrages.
Transformer la charte en système de design utilisable
La frontière entre charte de marque et design system devient de plus en plus fine. Pour une PME, il n’est pas nécessaire de créer un design system lourd, avec gouvernance complexe et documentation exhaustive. En revanche, il est dangereux de garder une charte purement esthétique si l’entreprise produit régulièrement des pages, emails, présentations, publicités ou interfaces.
Le bon compromis consiste à documenter les décisions récurrentes sous forme de composants et de tokens. Un token est une valeur nommée : une couleur, un rayon, une taille, un espacement, une ombre, une durée d’animation. Au lieu d’écrire partout « #1D4ED8 », on utilise un nom comme « action-primary ». Ce nom est plus stable que la valeur. Si la couleur change, l’intention reste lisible.
Pour une PME francophone, les tokens les plus utiles sont souvent les suivants :
- Couleurs. Marque, texte, fond, bordure, action, succès, avertissement, erreur.
- Typographie. Familles, tailles, interlignes, graisses, styles de titres et paragraphes.
- Espacements. Valeurs récurrentes pour sections, cartes, formulaires, grilles et marges internes.
- Composants. Boutons, champs, cartes, alertes, navigation, badges, témoignages, blocs pricing.
- États. Hover, focus, actif, désactivé, chargement, erreur, succès, vide.
Cette approche évite les variations invisibles qui finissent par coûter cher : un bouton avec 14 pixels de rayon ici, 16 ailleurs, une ombre légèrement différente sur chaque page, un gris de texte ajouté à la main dans Webflow, puis un autre dans une campagne email. L’utilisateur ne verbalise pas ces incohérences, mais il les ressent.
Comme le rappelle MDN Web Docs, le web repose sur des standards et des propriétés techniques précises. Une charte actionnable doit donc traduire l’intention de marque en règles réellement intégrables dans le produit, pas seulement en planches d’inspiration.
Accessibilité : une marque cohérente doit rester lisible
Une identité forte ne doit pas sacrifier l’accessibilité. Un jaune très distinctif peut fonctionner sur une affiche, mais devenir illisible sur un bouton. Une police élégante peut être parfaite pour un titre, mais fatigante dans un formulaire. Une animation peut donner du caractère, mais gêner des utilisateurs sensibles au mouvement.
Les Web Content Accessibility Guidelines WCAG 2.2 fournissent un cadre de référence pour concevoir des interfaces plus accessibles, notamment sur le contraste, la navigation au clavier, les états de focus et la lisibilité des contenus. Votre charte n’a pas besoin de recopier toute la norme, mais elle doit intégrer les décisions qui concernent votre marque.
Concrètement, ajoutez dans la charte :
- Les combinaisons autorisées. Texte foncé sur fond clair, texte clair sur fond sombre, CTA, alertes, badges.
- Les combinaisons interdites. Couleurs proches, texte sur image non assombrie, gris trop clair sur fond blanc.
- Les états de focus. Visibles, cohérents avec l’identité, mais suffisamment nets pour la navigation clavier.
- Les alternatives. Texte alternatif pour les images utiles, libellés explicites, messages d’erreur compréhensibles.
- Les règles d’animation. Durées raisonnables, possibilité d’éviter les effets décoratifs excessifs.
Cette partie est souvent négligée parce qu’elle semble technique. Elle est pourtant directement liée à la marque. Une marque qui promet la clarté mais affiche des textes gris pâle sur fond blanc crée une dissonance. Une marque premium dont les formulaires sont difficiles à remplir donne une impression d’amateurisme.
L’accessibilité rejoint aussi la performance. Un logo trop lourd, des polices mal chargées ou des animations inutiles dégradent l’expérience. Les ressources de Google web.dev rappellent l’importance d’une expérience web rapide et stable pour les utilisateurs. La charte doit donc préciser les formats recommandés : SVG pour les logos, images compressées, polices limitées, vidéos utilisées avec parcimonie.
Voix de marque : documenter le ton avec des phrases réelles
La voix éditoriale est souvent la section la plus floue des chartes. On y trouve des adjectifs : « humain », « expert », « accessible », « audacieux ». Ces mots peuvent être justes, mais ils ne suffisent pas. Deux rédacteurs peuvent interpréter « audacieux » de manière opposée : l’un écrira de façon directe, l’autre ajoutera des slogans agressifs.
Une voix de marque utile repose sur des décisions de langage observables. Par exemple :
- Niveau de formalité. Vouvoiement ou tutoiement, phrases courtes ou longues, vocabulaire métier ou vulgarisé.
- Position d’expertise. Conseiller, expliquer, challenger, rassurer, guider étape par étape.
- Mots préférés. Les termes que l’entreprise veut installer dans son marché.
- Mots évités. Jargon, promesses exagérées, anglicismes inutiles, superlatifs non prouvés.
- Preuves attendues. Études de cas, exemples clients, captures, sources, limites du propos.
La meilleure méthode consiste à partir de contenus existants : une page d’accueil, une séquence email, une proposition commerciale, un article de blog, un message LinkedIn. Pour chaque extrait, on crée un avant / après commenté. On ne dit pas seulement « c’est mieux ». On explique pourquoi : phrase plus directe, promesse plus précise, preuve ajoutée, jargon supprimé.
Cette section est particulièrement importante si plusieurs personnes écrivent au nom de l’entreprise. Sans cadre, le ton varie selon le canal : très sérieux sur le site, familier sur les réseaux, technique dans les emails, vague dans les propositions. La marque semble alors changer de personnalité selon l’interlocuteur.
Les recherches et articles du Nielsen Norman Group rappellent régulièrement l’importance de contenus compréhensibles et orientés utilisateur dans l’expérience web. Pour une PME, cela signifie que la voix de marque ne doit pas seulement plaire en interne : elle doit aider le client à comprendre, comparer et décider.
Sept erreurs fréquentes
- Couleur primaire utilisée comme couleur de CTA sans vérifier le contraste. Le résultat : bouton illisible, taux de clic en chute libre.
- Logo livré uniquement en PNG. Vous bloquez tout usage qui nécessite du vectoriel (impression grand format, broderie, animation).
- Pas de version dark mode du logo. En 2026, la moitié des emails de signature, la moitié des écrans utilisateur, sont en dark mode. Un logo monochrome conçu uniquement pour fond clair va paraître cassé partout.
- Police personnalisée pour une équipe de 10 personnes. Vous ne pourrez pas la maintenir, la licencier sur tous les supports, ni la mettre à jour. Préférez une police commerciale solide bien licenciée.
- Mission statement de 40 mots impossible à réciter. Personne en interne ne la connaît, donc personne ne l’utilise.
- Photos de stock unbranded. Si votre charte autorise n’importe quelle photo Unsplash, votre marque ressemblera à toutes les autres.
- Pas de section « ce qu’on ne fait pas ». Les interdits sont aussi utiles que les règles positives : pas de dégradé, pas de pictogrammes 3D, pas de titres tout en capitales, pas de promesse sans preuve.
Ces erreurs ont un point commun : elles apparaissent quand la charte est pensée comme une vitrine, pas comme un outil. Une charte doit anticiper les usages réels : une bannière LinkedIn faite rapidement, une présentation commerciale modifiée la veille d’un rendez-vous, une page d’atterrissage créée pour une campagne, une signature email générée par les RH.
Pour éviter ces dérives, ajoutez une checklist de validation en fin de charte. Elle peut être très courte : le contraste est-il vérifié ? Le logo est-il dans la bonne version ? Le CTA utilise-t-il la couleur d’action ? Le texte respecte-t-il la voix ? Le composant existe-t-il déjà ? Le fichier source est-il rangé au bon endroit ?
Les erreurs de couleur méritent une attention particulière. Une palette conçue pour être belle dans une présentation peut mal fonctionner en interface. Pour aller plus loin sur ce sujet, nous avons détaillé comment penser des palettes de couleurs qui convertissent sans réduire la marque à une simple couleur de bouton.
Processus : comment construire la charte en équipe
Une charte cohérente ne sort pas d’un atelier isolé. Elle se construit à partir de décisions, de contraintes et de tests. Le processus idéal dépend de la taille de l’entreprise, mais nous utilisons souvent une séquence en cinq étapes.
1. Auditer l’existant
On commence par collecter tout ce qui existe : site, pitch deck, signatures email, documents commerciaux, posts sociaux, publicités, interface produit, devis, factures, photos, templates. L’objectif n’est pas de juger, mais de repérer les répétitions, contradictions et usages sauvages.
Cet audit révèle souvent les vrais besoins. Une entreprise peut croire qu’elle a surtout un problème de logo, alors que le problème vient de textes incohérents, de couleurs non accessibles ou de modèles commerciaux jamais mis à jour. Cette phase rejoint les questions que nous posons dans un audit UX avant refonte : que voit l’utilisateur, que comprend-il, où l’expérience se fragmente-t-elle ?
2. Décider les fondamentaux
On fixe ensuite les éléments qui ne doivent pas changer toutes les semaines : positionnement, personnalité, système typographique, palette, principes éditoriaux, rôle du logo. Ces décisions doivent être peu nombreuses et assumées. Une marque cohérente n’est pas une marque qui peut tout faire, c’est une marque qui sait renoncer.
3. Prototyper les usages
Avant de documenter, on applique les règles sur des supports concrets : page d’accueil, post social, slide commerciale, email, formulaire, landing page, annonce de recrutement. C’est là que les faiblesses apparaissent. Une couleur peut sembler parfaite dans un moodboard, puis être inutilisable dans une alerte d’erreur. Une police peut être belle en titre, puis mauvaise en petits labels.
4. Documenter seulement ce qui a été validé
La documentation ne doit pas précéder la réalité. Elle doit formaliser ce qui fonctionne. Chaque règle publiée dans la charte doit avoir été testée sur au moins un cas réel. Sinon, la charte devient théorique et les équipes cesseront de lui faire confiance.
5. Former les utilisateurs internes
Une charte livrée sans formation est rarement adoptée. Prévoyez une session courte pour les équipes concernées : où trouver les ressources, comment utiliser les templates, quand demander validation, comment signaler un cas non couvert. L’objectif n’est pas de transformer tout le monde en designer, mais de réduire les mauvaises décisions par défaut.
Maintenance : qui met à jour la charte ?
La cohérence de marque se joue dans la durée. Une charte parfaite le jour de la livraison peut devenir obsolète en quelques mois si personne n’en est responsable. Nouveaux canaux, nouveaux produits, nouvelles campagnes, nouveaux formats : la marque évolue, même si personne ne la pilote.
Nous recommandons de nommer un propriétaire de la charte. Ce n’est pas forcément un designer. Dans une PME, cela peut être une responsable marketing, un dirigeant, une personne produit ou un binôme interne / studio. Son rôle : arbitrer, documenter, archiver, et éviter que les exceptions deviennent la nouvelle norme.
Un bon système de maintenance comprend :
- Un journal de changements. Date, décision, raison, personne responsable.
- Une zone de demandes. Les équipes peuvent signaler un besoin non couvert au lieu d’improviser.
- Un cycle de revue. Par exemple à chaque campagne importante, lancement produit ou refonte partielle.
- Des fichiers sources rangés. Logos, icônes, templates, composants, visuels, exports.
- Des règles d’archivage. Les anciennes versions restent accessibles, mais ne sont plus utilisées.
Cette maintenance est aussi un sujet de conformité et de confiance. Si votre marque utilise des cookies, pixels ou outils de mesure dans ses modèles de pages, la documentation doit rappeler que le tracking n’est pas seulement un choix marketing. La CNIL publie des recommandations sur les cookies et autres traceurs. Pour un cas précis, consultez un professionnel compétent afin d’adapter vos pratiques à votre situation.
Enfin, la charte doit rester reliée à la stratégie. Une identité visuelle cohérente ne suffit pas si le positionnement, les messages et l’expérience client ne suivent pas. C’est pour cela que nous abordons la marque comme un système complet dans notre article sur les leviers d’identité de marque en 2026.
Livrables recommandés pour une PME
Pour une PME, le livrable final doit être léger, complet et immédiatement exploitable. Un bon pack de marque comprend généralement :
- Une charte en ligne. Avec recherche, sommaire clair, exemples, liens de téléchargement.
- Une bibliothèque Figma. Styles, composants, variantes, templates prioritaires.
- Un dossier de fichiers sources. Logo, icônes, illustrations, exports, versions print et web.
- Des templates. Présentation commerciale, post social, document interne, signature email, landing page.
- Une checklist de publication. Pour vérifier les supports avant mise en ligne.
- Un guide éditorial court. Ton, mots, exemples avant / après, règles de preuve.
Le niveau de détail doit suivre la maturité de l’équipe. Une équipe marketing autonome peut gérer des composants avancés et des tokens. Une équipe plus petite aura besoin de modèles prêts à l’emploi et de règles simples. Dans les deux cas, l’objectif reste le même : permettre à l’entreprise de produire plus vite sans perdre en cohérence.
La charte réussie est celle qui disparaît dans le quotidien. Personne ne la célèbre en réunion, mais tout le monde l’utilise. Les supports sortent plus vite. Les allers-retours diminuent. Les décisions deviennent plus faciles. La marque semble plus solide parce que chaque détail raconte la même histoire.
Questions fréquentes
Une charte de marque doit-elle forcément être un PDF ?
Non. Un PDF peut servir d’export ou de document de présentation, mais la version de référence devrait idéalement être en ligne, facile à chercher, à mettre à jour et à partager avec les équipes.
Combien de sections faut-il dans une charte de marque ?
Pour une PME, sept sections bien utilisées suffisent souvent : principes éditoriaux, typographie, couleurs, logo, iconographie, voix éditoriale et composants UI. Le plus important est de documenter les règles réellement utiles au quotidien.
Quelle est la différence entre charte graphique et charte de marque ?
La charte graphique décrit surtout les éléments visuels comme le logo, les couleurs et la typographie. La charte de marque va plus loin : elle inclut la voix, les principes, les usages digitaux, les composants et les règles de cohérence.
Qui doit maintenir la charte après sa création ?
Une personne responsable doit être clairement nommée, souvent côté marketing, produit ou direction. Son rôle est de valider les évolutions, ranger les ressources, documenter les décisions et éviter les variantes non contrôlées.
Quand faut-il revoir une charte de marque ?
Il faut la revoir lorsqu’elle ne couvre plus les usages réels : nouveau site, nouveau produit, nouveaux canaux, changement de positionnement ou multiplication d’exceptions dans les supports produits par l’équipe.