Une charte graphique est le document de référence qui fixe les règles d'utilisation de l'identité visuelle d'une marque : versions du logo et zones de protection, couleurs avec leurs codes exacts (HEX, RVB, CMJN, Pantone), typographies, style des images, ton et exemples d'application. Son but : que n'importe qui, vous, un salarié, un imprimeur ou un développeur, produise un support cohérent sans avoir à deviner.
On l'appelle aussi guide de style, manuel d'identité ou brand guidelines en anglais. Le nom importe peu : une bonne charte est courte, illustrée, et livrée avec les fichiers qu'elle décrit. Une charte que personne n'ouvre ne sert à rien.
Charte graphique : définition et rôle
En une phrase : la charte graphique est le mode d'emploi de votre identité visuelle. L'identité, ce sont les signes (logo, couleurs, typographies) ; la charte, ce sont les règles qui disent comment les utiliser, et comment ne pas les utiliser.
Elle sert à trois choses concrètes :
- Rester reconnaissable. Un client qui voit votre devis, votre camionnette puis votre page Facebook doit comprendre qu'il s'agit de la même entreprise.
- Gagner du temps. Les décisions sont prises une fois pour toutes : plus de débat sur le bleu à utiliser ou la police d'un flyer.
- Briefer un prestataire en une minute. Imprimeur, développeur web, community manager : vous envoyez la charte et les fichiers, ils ont tout ce qu'il faut.
L'État français en donne une bonne illustration. Selon la page officielle de la Marque de l'État, la structure de son bloc-marque est commune à toutes ses entités, ce qui rend caduque toute nouvelle création de logos spécifiques. Une charte, c'est d'abord un outil pour dire non aux improvisations.
Ce que contient une charte graphique
Une charte complète couvre sept blocs. Pour une petite entreprise, les trois premiers sont indispensables ; les autres deviennent utiles dès que plusieurs personnes produisent des supports.
1. Le logo, ses versions et sa zone de protection
La charte présente la version principale du logo et ses déclinaisons : horizontale, verticale, monochrome noire, monochrome blanche pour les fonds sombres, et icône seule pour les avatars et le favicon. Pour chaque version, elle précise :
- la zone de protection (ou zone d'exclusion) : l'espace vide minimal autour du logo, souvent exprimé à partir d'un élément du logo lui-même pour rester proportionnel ;
- la taille minimale, en pixels pour l'écran et en millimètres pour l'impression ;
- les usages interdits, montrés en images : logo déformé, recoloré, pivoté, posé sur un fond trop chargé ou entouré d'une ombre.
Les règles publiques de Spotify montrent le niveau de précision attendu : le logo ne doit jamais descendre sous 70 pixels à l'écran ni sous 20 mm à l'impression, l'icône seule sous 21 pixels ou 6 mm, et la zone d'exclusion est égale à la moitié de la hauteur de l'icône.
2. Les couleurs et leurs codes HEX, RVB, CMJN et Pantone
Une même couleur s'écrit différemment selon le support. La charte doit donner les quatre codes, sinon chaque prestataire fera sa propre conversion et votre bleu changera d'un support à l'autre.
| Système | Où il sert | Comment il s'écrit |
|---|---|---|
| HEX | Sites web, applications, emails | Un dièse suivi de 6 caractères, par exemple #1A2B3C |
| RVB (RGB) | Écrans, présentations, réseaux sociaux | Trois valeurs de 0 à 255 : rouge, vert, bleu |
| CMJN (CMYK) | Impression en quadrichromie : flyers, cartes, brochures | Quatre pourcentages : cyan, magenta, jaune, noir |
| Pantone | Impression en ton direct : enseignes, textile, packaging | Une référence de nuancier, à choisir sur un nuancier imprimé |
Ajoutez la hiérarchie : une couleur principale, une ou deux secondaires, des neutres pour les fonds et les textes, et leur proportion approximative. Vérifiez enfin la lisibilité : les règles WCAG 2.2 du W3C demandent un contraste d'au moins 4,5:1 entre un texte courant et son fond, et de 3:1 pour les grands textes et les éléments d'interface. Une couleur de marque trop claire pour du texte reste utilisable en aplat ou en accent, à condition que la charte le dise.
3. Les typographies et leurs licences
Deux familles suffisent dans la grande majorité des cas : une pour les titres, une pour le texte. La charte fixe les graisses, la hiérarchie (titre, sous-titre, texte, légende) et une police de substitution disponible partout (Word, Gmail, Google Slides), car votre police de marque ne s'affichera pas dans un email reçu par un client.
Vérifiez la licence avant de valider. Une police commerciale s'achète souvent par usage (ordinateurs, site web, application), et une licence bureautique ne couvre pas forcément le web. Les polices de Google Fonts simplifient tout : Google indique qu'elles sont open source, utilisables pour un usage commercial, dans un logo et sur tous les supports, la plupart sous licence SIL Open Font License.
4. L'iconographie et les éléments graphiques
Style d'icônes (trait ou plein, épaisseur, angles arrondis ou non), motifs, formes récurrentes. Choisir une seule bibliothèque d'icônes et s'y tenir évite l'effet patchwork qu'on voit sur beaucoup de sites.
5. Les photos et illustrations
Cadrage, lumière, ambiance, présence ou non de personnes, filtres autorisés, et ce qu'il faut éviter (la poignée de main en costume des banques d'images, par exemple). Si vous utilisez des photos sous licence, notez où elles ont été achetées et pour quels usages.
6. Le ton de voix
La charte complète de l'État contient, à côté de la charte graphique, une charte des grands principes rédactionnels sur le ton, le style et le vocabulaire. C'est le bon réflexe : vos mots font partie de votre image. Le guide public de Mailchimp distingue utilement la voix, votre personnalité, qui reste stable, du ton, qui s'adapte à la situation et à l'état d'esprit du lecteur. Une grille simple suffit :
- Nous sommes : directs, concrets, chaleureux.
- Nous ne sommes pas : jargonneux, familiers, agressifs.
- Exemples : trois phrases « avant, après » tirées de vos vrais devis, emails ou publications.
7. Les déclinaisons
C'est la partie la plus utile au quotidien : des exemples appliqués à vos supports réels. Carte de visite, signature mail, en-tête de devis et de facture, posts et bannières pour les réseaux sociaux, pages du site, présentation commerciale, signalétique ou véhicule. Pour la signature mail, notre générateur de signature mail gratuit applique directement votre logo et vos couleurs.
Exemples de chartes graphiques publiques à consulter
Rien ne vaut une vraie charte sous les yeux. Ces quatre exemples sont en accès libre au 27 octobre 2026 :
- La Marque de l'État, présentée sur info.gouv.fr. Le bloc Marianne, créé en 1999, a été retravaillé pour mieux faire ressortir le profil de la Marianne ; l'État s'est doté d'une typographie propre, la Marianne ; la devise est désormais disposée à la verticale, plus lisible sur mobile. La charte complète réunit une charte graphique, une charte des grands principes rédactionnels et une charte des réseaux sociaux. À retenir : une charte complète ne s'arrête pas au visuel.
- Le Système de Design de l'État (DSFR), sur systeme-de-design.gouv.fr. C'est la déclinaison web de cette identité : un ensemble de règles et plus de 50 blocs d'interface prêts à l'emploi pour les sites en .gouv.fr. Il est réservé aux services de l'État, vous ne pouvez donc pas l'utiliser pour votre entreprise, mais sa documentation montre comment une charte se traduit en boutons, formulaires et modèles de pages.
- Les design guidelines de Spotify, sur developer.spotify.com. Destinées aux partenaires, elles détaillent l'usage du logo (version complète, icône seule, couleur selon le fond), les tailles minimales, la zone d'exclusion et une liste d'interdits illustrée : ne pas pivoter le logo, ne pas l'étirer, ne pas introduire de couleurs hors palette. À retenir : des règles chiffrées, impossibles à interpréter de travers.
- Le Content Style Guide de Mailchimp, sur styleguide.mailchimp.com. Un guide éditorial complet (voix et ton, grammaire, accessibilité, réseaux sociaux) publié sous licence Creative Commons. À retenir : le ton de voix se documente aussi précisément qu'une couleur.
Ces chartes sont surdimensionnées pour une TPE. Inspirez-vous de leur logique, pas de leur volume.
Modèle de sommaire de charte graphique à copier
Voici la structure que nous recommandons pour une petite entreprise. Copiez-la dans un document, puis remplissez chaque section avec des visuels plutôt qu'avec du texte.
- Introduction : qui vous êtes, à qui vous parlez, trois adjectifs de personnalité.
- Logo : version principale, déclinaisons, zone de protection, tailles minimales, usages interdits.
- Couleurs : palette principale et secondaire, codes HEX, RVB, CMJN et Pantone, proportions, associations validées pour le contraste.
- Typographies : polices de titre et de texte, graisses, hiérarchie, police de substitution, licences.
- Éléments graphiques : icônes, motifs, formes.
- Images : style photo, illustrations, exemples à suivre et à éviter.
- Ton de voix : nous sommes, nous ne sommes pas, exemples de formulations.
- Applications : carte de visite, signature mail, devis et facture, réseaux sociaux, site web, présentation.
- Ressources : lien vers le dossier de fichiers, contact du responsable de la charte, numéro et date de version.
Créer sa charte graphique en 6 étapes
- Partir du positionnement. Écrivez en quelques lignes ce que vous vendez, à qui, et ce qui vous distingue. Choisissez trois adjectifs que votre image doit évoquer : chaque choix graphique sera jugé à cette aune.
- Faire l'inventaire de l'existant. Rassemblez tous vos supports actuels (devis, cartes, site, posts, véhicule) sur une même table ou un même écran. Repérez ce qui fonctionne et doit être gardé, et les incohérences à corriger.
- Fixer les fondamentaux. Logo et déclinaisons, palette avec ses quatre codes et son contraste vérifié, deux typographies avec leurs licences. Si le logo pose problème, réglez-le d'abord : notre guide pour créer un logo étape par étape détaille la méthode.
- Écrire les règles avec des exemples. Pour chaque élément, un exemple « à faire » et un exemple « à ne pas faire ». Une image vaut mieux qu'un paragraphe de règles.
- Tester sur des supports réels. Avant de figer quoi que ce soit, produisez une carte de visite, une signature mail, un post et une page web avec la charte. C'est là qu'on découvre qu'une couleur passe mal à l'impression ou qu'une police devient illisible en petit.
- Diffuser et maintenir. Un PDF court, un dossier partagé avec tous les fichiers (logos, polices, modèles), une personne responsable et une date de version. Relisez la charte au moins une fois par an, et à chaque nouveau support important.
Côté outils, un logiciel de design ou de mise en page (Figma, InDesign, Affinity, voire Canva) suffit pour produire le document. Le plus long n'est jamais la mise en page : ce sont les décisions.
Charte graphique, identité visuelle ou brand book : les différences
Ces termes sont souvent confondus, y compris par les prestataires. Voici ce que recouvre chacun :
| Terme | Ce que c'est | Contenu typique | Pour qui |
|---|---|---|---|
| Identité visuelle | L'ensemble des signes graphiques qui rendent votre entreprise reconnaissable | Logo, couleurs, typographies, style d'images | Vos clients, qui la voient |
| Charte graphique | Le document qui fixe les règles d'usage de cette identité | Versions du logo, codes couleur, typographies, interdits, applications | Vous et vos prestataires, qui l'appliquent |
| Brand book ou plateforme de marque | Le document qui explique qui est la marque avant de dire à quoi elle ressemble | Mission, valeurs, personnalité, promesse, ton, puis la charte graphique | Dirigeants, équipes, agences |
| Design system | La traduction de la charte en composants réutilisables pour le web | Boutons, formulaires, grilles, composants codés | Designers et développeurs |
En résumé : l'identité visuelle est le résultat, la charte en est le mode d'emploi, le brand book en est la version élargie avec la stratégie, et le design system la version technique. Une TPE a besoin des deux premiers ; le brand book devient utile avec une équipe, le design system avec un produit numérique.
Combien coûte une charte graphique ?
Le prix dépend moins du nombre de pages que des décisions à prendre. Quatre facteurs font varier la facture :
- L'existant : formaliser une charte autour d'un logo solide coûte bien moins cher que de tout recréer.
- Le périmètre : règles visuelles seules, ou avec ton de voix, direction photo et illustrations.
- Le nombre d'applications livrées : chaque modèle (devis, post, présentation) demande du temps de conception.
- Le format : un PDF de référence, ou un kit complet de modèles éditables prêts à l'emploi.
Pour des fourchettes chiffrées selon le prestataire (freelance, studio, agence), consultez notre guide détaillé : combien coûte une identité visuelle en 2026. Et si vous préférez un prix ferme pour votre cas, notre offre de branding part d'un appel gratuit de 30 minutes et aboutit à un devis fixe sous 72 h.
Les erreurs qui rendent une charte inutile
- Un pavé de théorie que personne ne lit, au lieu d'exemples visuels qu'on comprend en un coup d'œil.
- Aucun fichier associé : une charte qui décrit un logo sans fournir le fichier SVG ou EPS oblige chacun à bricoler.
- Des codes couleur incomplets : sans code CMJN, l'imprimeur convertit à sa façon ; sans référence Pantone, l'enseigne ne ressemblera pas au site.
- Des polices sans licence pour l'usage réel, notamment le web.
- Aucune version pour fond sombre ou pour photo : le logo devient illisible sur la moitié des supports.
- Une charte figée : jamais mise à jour, elle finit contournée par ceux qui devaient l'appliquer.
Une charte simple qu'on applique vaut mieux qu'une charte parfaite qu'on oublie. Le premier endroit où elle doit s'appliquer, c'est votre site : notre guide du site vitrine détaille les pages et les obligations à prévoir.
