Aller au contenu

Odduel

We put the odds in your favour

Insights

Comment créer une charte graphique que l’on utilise vraiment

Comment créer une charte graphique que l’on utilise vraiment : ce qu’elle doit contenir, ce qui la distingue d’un guide de style ou d’un brand book, PDF ou guide en ligne, et comment la faire vivre.

Couverture de la charte graphique de Rainbow Conspiracy : le logotype blanc sur une bande floue de lumière bleue, une fleur et une grille fine

Une charte graphique rassemble les règles écrites qui fixent l’apparence, le ton et le comportement d’une marque, pour que quiconque produit quelque chose en son nom le fasse juste sans avoir à demander. Pour créer une charte graphique que l’on utilise vraiment, gardez-la courte, montrez des exemples réels plutôt que des règles abstraites, placez-la là où les gens travaillent déjà, et confiez à quelqu’un la mission de la tenir à jour.

Dernière mise à jour : 27 octobre 2026.

Ce guide explique ce qu’est une charte graphique, ce qu’elle doit contenir (avec un tableau section par section), ce qui la distingue d’un guide de style et d’un brand book, les étapes pour la construire, le format à choisir, comment la faire vivre, le contraste des couleurs et l’accessibilité, et les questions que posent le plus souvent les acheteurs.

Qu’est-ce qu’une charte graphique ?

La charte graphique est un document de référence qui transforme une identité de marque en instructions. L’identité, c’est l’ensemble des décisions : le nom, le logo, les couleurs, la typographie, le ton. La charte explique comment appliquer ces décisions sur une affiche, un site web, une publication sociale, une présentation ou une enseigne, à des personnes qui n’étaient pas là quand elles ont été prises.

Ce dernier point en est toute la raison d’être. Le designer qui a construit l’identité a rarement besoin des règles. Un monteur vidéo freelance, une nouvelle recrue marketing, un imprimeur ou une marque partenaire, si. La charte est écrite pour eux, et une bonne charte se juge à une chose : ces personnes produisent-elles du premier coup un travail qui ressemble à la marque et parle comme elle ?

Chez Odduel, agence créative et technologique à Barcelone et São Paulo, la charte fait partie de chaque projet de branding que nous livrons, car une identité sans règles commence à dériver la semaine qui suit la livraison.

En bref : la charte graphique, ce sont les instructions qui permettent à d’autres d’utiliser correctement votre identité. Elle regroupe les règles du logo, des couleurs, de la typographie, des images et du ton, avec des exemples. Elle ne fonctionne que si elle est assez courte pour être lue, facile à trouver et tenue à jour. La plupart des chartes échouent sur l’usage, pas sur le contenu.

Pourquoi la plupart des chartes graphiques ne sont-elles pas utilisées ?

Avant d’écrire une page, il est utile de comprendre pourquoi tant de chartes finissent en fichier que personne n’ouvre. Les causes sont presque toujours les mêmes, et chacune indique un remède.

  • Trop longue. Cent pages de principes et de mots d’ambiance cachent les cinq règles qui comptent. On survole, on rate la règle et on devine.
  • Trop abstraite. « Notre marque est audacieuse mais accessible » ne dit rien à un designer. Une paire « à faire, à éviter » à côté d’une vraie mise en page lui dit tout.
  • Difficile à trouver. Un PDF joint à un e-mail il y a deux ans n’est pas une référence. Si l’on ne peut pas l’atteindre en dix secondes, on ne l’atteindra pas.
  • Périmée. Dès que la charte montre un ancien logo ou une couleur abandonnée, on cesse de faire confiance au reste du document.
  • Sans responsable. Sans une personne désignée qui répond aux questions et valide les exceptions, chaque équipe invente sa propre version.

La suite de ce guide est construite pour éviter ces cinq échecs.

Que doit contenir une charte graphique ?

Le contenu dépend de la taille de la marque, mais la plupart des chartes ont besoin des mêmes sections de base. Le tableau indique ce que contient chacune et qui s’y réfère. Servez-vous-en comme modèle de charte graphique : commencez par les sections de base et n’ajoutez les autres que lorsque quelqu’un en a réellement besoin.

SectionCe qu’elle contientQui l’utilise
Fondements de la marqueRaison d’être, positionnement, publics, valeurs, en quelques lignesDirection, marketing, agences, nouvelles recrues
LogoVersions, construction, zone de protection, taille minimale, exemples d’usages interditsDesigners, imprimeurs, partenaires, développeurs
CouleurPalette avec valeurs HEX, RVB, CMJN et tons directs, proportions, paires de contrasteDesigners, développeurs, imprimeurs
TypographiePolices, graisses, tailles, hiérarchie, polices de remplacement pour le web et la bureautiqueDesigners, développeurs, quiconque fait des présentations
VisuelsStyle de photo et d’illustration, cadrages, ce qu’il faut éviterPhotographes, créateurs de contenu, équipes réseaux sociaux
Ton et registreLa façon d’écrire de la marque, les mots qu’elle emploie et évite, des exemplesRédacteurs, équipes réseaux sociaux, service client
Mise en page et éléments graphiquesGrilles, motifs, icônes, éléments récurrentsDesigners, motion designers
ApplicationsExemples réels : publications sociales, pages web, packaging, signalétique, présentationsTout le monde : c’est le moyen le plus rapide de comprendre les règles
Fichiers et contactsOù se trouvent les fichiers maîtres et qui valide les exceptionsToute personne extérieure à l’équipe principale
Les sections d’une charte graphique, ce que contient chacune et qui l’utilise
Page de la charte de Rainbow Conspiracy montrant la construction du logotype sur sa grille

Le socle dont toute marque a besoin

Une petite marque peut commencer avec le logo, les couleurs, la typographie, une courte section sur le ton et trois ou quatre déclinaisons. C’est souvent suffisant pour garder chaque nouvelle pièce cohérente. Les fondements peuvent tenir en un paragraphe : la charte est un outil de travail, et le document de stratégie peut vivre ailleurs.

Ce qu’ajoutent les grandes marques

Les marques présentes sur de nombreux canaux, ou qui font travailler beaucoup de monde, ajoutent des règles de motion design, de son, des briefs photo, le co-branding avec les partenaires, des modèles de présentations et de documents, et une section sur les composants digitaux partagés avec le site web. Chaque ajout doit répondre à une question que l’on pose déjà, pas à une question que quelqu’un imagine.

Charte graphique, guide de style ou brand book : quelle différence ?

Ces trois noms désignent souvent la même chose, et au quotidien ce n’est pas grave. Mais quand un acheteur compare des propositions, la différence compte : le « brand book » d’un prestataire peut être un court document d’inspiration, celui d’un autre un recueil de règles complet.

Charte graphiqueGuide de styleBrand book
Rôle principalLes règles d’application de toute l’identitéLes détails du style visuel et rédactionnelL’histoire et l’esprit de la marque
Contenu habituelLogo, couleurs, typographie, images, ton, déclinaisonsCouleurs, typographie, espacements, parfois style éditorialRaison d’être, valeurs, manifeste, ambiance, visuels clés
Principaux lecteursQuiconque produit pour la marqueDesigners, développeurs, rédacteursÉquipes, partenaires, investisseurs
TonPratique, avec des exemplesDétaillé et techniqueInspirant et narratif
Fréquence des mises à jourQuand l’identité ou les canaux changentSouvent, avec le produit ou le siteRarement
Charte graphique, guide de style et brand book comparés

En pratique, beaucoup de marques les combinent : une courte ouverture qui porte l’esprit (la partie brand book), suivie des règles pratiques (la charte et le guide de style). Si votre marque a un manifeste écrit, il trouve sa place en tête ; notre guide pour écrire un manifeste de marque explique comment on le construit.

Quand vous demandez des devis, nommez les sections attendues plutôt que l’étiquette. Deux propositions qui disent toutes deux « brand book » peuvent différer de l’essentiel du travail, et c’est aussi l’un des principaux facteurs du prix d’une identité visuelle.

Comment créer une charte graphique, étape par étape ?

La charte est la dernière étape du travail d’identité, mais la réflexion qui la porte commence plus tôt. Voici les étapes que nous suivons.

  1. Arrêtez d’abord l’identité. La charte décrit des décisions ; elle ne peut pas les prendre. Logo, palette, typographie et ton doivent être validés avant la rédaction, sinon le document sera réécrit deux fois.
  2. Listez ceux qui l’utiliseront. Notez les vraies personnes et les vrais prestataires : designers internes, freelance réseaux sociaux, développeur web, imprimeur. Leurs questions décident des sections.
  3. Rassemblez les cas difficiles. Regardez où la marque a déjà dérapé : un logo étiré, une couleur hors charte, une légende au mauvais ton. Chacun devient une règle avec un exemple.
  4. Écrivez chaque règle une fois, avec une image. Une règle, une phrase, un visuel. Une paire « à faire, à éviter » à côté de chaque règle importante vaut mieux qu’un paragraphe d’explication.
  5. Montrez l’identité au travail. Ajoutez des déclinaisons finies : une publication, une page web, une enseigne, une présentation. On copie un exemple bien plus volontiers qu’on ne suit une consigne.
  6. Rassemblez les fichiers. Logos dans tous les formats nécessaires, valeurs de couleur que les développeurs peuvent copier-coller, polices avec leurs licences, modèles. La charte y renvoie ; les fichiers font le travail.
  7. Testez-la sur quelqu’un de nouveau. Confiez la version de travail à une personne qui n’a jamais travaillé sur la marque et demandez-lui de produire quelque chose. Chaque question qu’elle pose signale un manque.
  8. Désignez un responsable et publiez. Décidez qui la tient à jour et répond aux questions, puis placez-la là où on la trouvera, et rappelez-le dans chaque brief.

Quel format choisir : PDF ou guide en ligne ?

Le format décide de l’usage de la charte autant que son contenu. Les deux options courantes conviennent à des marques différentes.

Charte en PDFGuide en ligne évolutif
Idéal pourPetites marques, identités stables, beaucoup d’impriméMarques avec des produits digitaux, beaucoup d’intervenants ou des changements fréquents
Mise à jourUne nouvelle version doit être diffuséeLes changements sont en ligne pour tous en même temps
Risque de versionsD’anciennes copies continuent de circulerUne seule adresse, toujours à jour
Fichiers et codeEn lien ou fournis à partTéléchargements et valeurs de code sur la même page
Effort de mise en placePlus basPlus élevé, et quelqu’un doit l’entretenir
Charte graphique en PDF et guide en ligne évolutif comparés

Une bonne voie médiane : un PDF bien conçu, conservé à une adresse permanente, avec un numéro de version et une date en couverture, plus un dossier partagé de fichiers maîtres. Les marques dont le site ou l’application repose sur un design system passent en général à un guide en ligne, pour que les tokens de couleur, les échelles typographiques et les composants de la charte correspondent au code.

Les réseaux sociaux méritent leurs propres pages

Les réseaux sociaux changent le plus vite et mobilisent le plus de mains : ils méritent une section dédiée ou un court guide à part, avec les formats, les grilles, les légendes, les hashtags, la place du logo dans une story. Nous le détaillons dans charte réseaux sociaux : ce qu’elle doit contenir.

Comment faire vivre une charte graphique ?

La publication est un début, pas une fin. Une charte reste utilisée quand elle fait partie de la façon dont le travail est briefé et relu.

  • Mettez le lien dans chaque brief. Chaque brief à un designer, un rédacteur ou un prestataire porte l’adresse de la charte et des fichiers.
  • Relisez à partir d’elle. Quand un travail est validé ou renvoyé, citez la règle. On apprend la charte par les retours plus vite que par la lecture.
  • Tenez un journal des modifications. Datez chaque mise à jour en première page, pour que les lecteurs sachent que leur copie est à jour.
  • Recueillez les questions. Chaque question à laquelle le responsable répond plus d’une fois devient un nouvel exemple dans la version suivante.
  • Prévoyez un contrôle annuel. Une fois par an, comparez la charte à ce qui est réellement produit, et corrigez celui des deux qui a tort.
  • Intégrez-la à l’accueil. Les nouveaux collaborateurs et les nouveaux prestataires ont droit à une courte présentation, pas seulement à un lien.

Pourquoi intégrer le contraste des couleurs aux règles ?

Une palette qui fait bel effet sur une planche d’ambiance peut décevoir à l’usage. Un texte gris clair sur blanc, ou un texte blanc sur une couleur de marque pâle, peut être illisible pour beaucoup de gens, sur un téléphone en plein soleil comme pour les lecteurs malvoyants. Une bonne charte liste donc non seulement les couleurs, mais aussi les paires autorisées pour le texte.

La référence est ici les règles pour l’accessibilité des contenus web (WCAG) 2.2 du W3C, qui fixent des rapports de contraste minimaux entre un texte et son fond : 4,5:1 pour un texte normal et 3:1 pour un grand texte au niveau AA. Mesurez chaque paire texte et fond de votre palette, et classez-la : autorisée pour le texte courant, autorisée seulement en grand corps, ou purement décorative.

L’enjeu dépasse les bonnes pratiques. Pour beaucoup d’entreprises qui vendent des produits et services numériques aux consommateurs dans l’UE, l’acte européen sur l’accessibilité s’applique depuis le 28 juin 2025, comme le prévoit la directive (UE) 2019/882, et c’est dans les couleurs de marque que commencent bien des problèmes d’accessibilité des sites et des applications. Corriger le contraste dans la charte est bien plus simple que de le corriger plus tard sur chaque page.

Page du système de couleurs de la charte de Rainbow Conspiracy : lumière rouge, verte et bleue, et leurs mélanges

Un exemple réel : la charte de Rainbow Conspiracy

Pour Rainbow Conspiracy, un projet de musique électronique, le défi était particulier : chaque sortie a son ambiance et ses images, et pourtant le nom doit se reconnaître en une seconde. L’identité que nous avons créée repose sur les trois couleurs de la lumière d’un écran, rouge, vert et bleu, avec un logotype, un signe pour les petits formats et un alphabet dessiné pour le projet.

La charte devait laisser beaucoup de liberté tout en protégeant quelques points fixes. Elle est donc courte : la construction du logotype, la zone de protection autour du signe, les versions de l’icône, le système de couleurs et la typographie. Ces règles ne bougent pas, et tout le reste peut changer d’une sortie à l’autre. C’est l’équilibre que recherchent la plupart des chartes : figer ce qui rend la marque reconnaissable, et laisser de la place pour le reste.

Questions fréquentes

Quelle longueur doit faire une charte graphique ?

Aussi courte que possible, tout en répondant aux questions que l’on pose vraiment. Pour une marque petite ou récente, c’est en général quelques dizaines de pages au plus, exemples compris. Les grandes marques présentes sur de nombreux canaux ont besoin de davantage, mais chaque page doit mériter sa place. La longueur est rarement un gage de qualité ; la clarté et les exemples réels, si.

Peut-on utiliser un modèle de charte graphique ?

Un modèle est utile comme liste de contrôle des sections, et le tableau de ce guide peut en servir. Il ne peut pas fournir les règles elles-mêmes, qui viennent de votre identité et de vos cas difficiles. Remplir un modèle générique d’affirmations génériques produit exactement le genre de charte que personne ne lit ni ne suit.

Qui doit être responsable de la charte graphique ?

Une personne désignée, en général au marketing ou à la direction du design, avec l’autorité pour valider les exceptions et le temps de répondre aux questions. Une agence peut la rédiger et la mettre à jour, mais le responsable doit être dans l’entreprise, car les questions du quotidien arrivent sans cesse et demandent une réponse rapide et cohérente.

À quelle fréquence mettre à jour une charte graphique ?

Chaque fois que l’identité, un canal ou un fichier clé change, avec une revue planifiée une fois par an. Les petites mises à jour, comme un nouveau modèle ou un nouveau format social, peuvent s’ajouter au fil de l’eau. Datez chaque version en première page pour que personne ne travaille sur une copie périmée.

Quelle différence entre charte graphique et identité de marque ?

L’identité de marque est l’ensemble des décisions : nom, logo, couleurs, typographie, ton et images. La charte graphique donne les instructions pour utiliser correctement ces décisions. On peut avoir une identité sans charte, mais elle tend à dériver vite dès que d’autres commencent à produire avec.

Si votre marque a une identité mais pas de règles, ou des règles que personne ne suit, le remède est en général plus modeste qu’il n’y paraît : un guide court, bien fait, avec des exemples réels et un responsable. Notre offre de branding couvre ensemble l’identité et la charte, des premières décisions aux fichiers que vos équipes utiliseront chaque jour. Parlez-nous de votre marque et nous vous dirons ce dont votre charte a besoin.

À lire aussi : Coût d’une vidéo d’entreprise : ce qui fait le prix.

Autres articles

À lire aussi dans nos Insights.

Voir tous les articles

Nous contacter

Prenons l’avantage.

L’avantage ne vient pas tout seul. Si vous avez quelque chose à construire, à lancer ou à corriger, parlez-nous-en : nous vous montrerons comment nous l’aborderions.

    Besoin d’un accord de confidentialité (NDA) avant de partager des détails ? Démarrer un projet

    Écrivez-nous