Charte graphique : ce qu’elle doit contenir pour être utile
Une charte graphique utile répond en deux minutes à la question « comment je fais ce visuel sans trahir la marque ». Elle fixe les versions du logo et leurs interdits, les codes couleur pour l’écran et l’impression, des polices dont vous avez la licence, un style d’image, des gabarits prêts à l’emploi et des associations de couleurs dont le contraste a été vérifié.
Charte graphique, identité visuelle, charte éditoriale : qui fait quoi
Les trois termes circulent souvent l’un pour l’autre. L’identité visuelle, ce sont les signes eux-mêmes : un logo, des couleurs, des formes. La charte graphique en est le mode d’emploi, celui qu’on envoie à l’imprimeur, au développeur du site ou au stagiaire qui prépare un post. La charte éditoriale, elle, règle le texte : ton, vocabulaire, sujets. Les deux documents se complètent, et notre guide de la charte éditoriale traite le second volet.
Le défaut le plus courant n’est pas l’absence de charte, c’est la charte décorative. Un beau PDF livré par l’agence lors de la création du logo, avec des pages d’intentions sur « l’énergie de la marque », mais sans le code CMJN de la couleur principale ni de fichier de logo en blanc. Six mois plus tard, la chargée de com reconstruit les visuels à la pipette dans un outil en ligne, et les teintes dérivent.
Ce que doit contenir une charte graphique
Voici les rubriques qui servent réellement au quotidien. Chacune doit pouvoir être appliquée par quelqu’un qui n’a jamais rencontré le graphiste.
Le logo et ses déclinaisons
- Les versions : principale, horizontale ou verticale, monochrome noire, monochrome blanche, et l’icône seule pour les avatars de réseaux sociaux.
- La zone de protection : l’espace vide minimal autour du logo, exprimé dans une unité liée au logo lui-même (par exemple la hauteur d’une lettre).
- La taille minimale, en millimètres pour l’impression et en pixels pour l’écran, en dessous de laquelle le logo n’est plus lisible.
- Les interdits, illustrés : logo déformé, recoloré, posé sur une photo chargée, ombré, incliné.
- Les fichiers sources : vectoriels (SVG, EPS ou PDF) et bitmap (PNG transparent) dans chaque version.
Les couleurs
Pour chaque couleur, la charte donne le code hexadécimal et le RVB pour l’écran, le CMJN pour l’impression en quadrichromie, la référence Pantone si vous imprimez en tons directs. Ajoutez une indication de proportion : une couleur principale dominante, une ou deux secondaires, une couleur d’accent réservée aux boutons ou aux chiffres clés. Sans cette hiérarchie, tout finit dans la couleur d’accent.
| Usage | Code à fournir | Qui s’en sert |
|---|---|---|
| Site, réseaux sociaux, présentations | Hexadécimal (#1F4E79), RVB | Développeur, chargé de com, commerciaux |
| Impression quadrichromie | CMJN | Imprimeur, graphiste |
| Impression en tons directs, signalétique, textile | Référence Pantone | Imprimeur, fabricant d’enseignes |
| Bureautique | RVB, intégré au modèle de document | Toute l’équipe |
Les typographies
Deux familles suffisent dans la plupart des cas : une pour les titres, une pour le texte. La charte précise les graisses autorisées, les tailles et l’interlignage pour chaque niveau (titre, intertitre, texte courant, légende). Elle désigne aussi une police de substitution disponible sur tous les postes, pour les documents bureautiques et les mails.
Vérifiez la licence. Une police achetée pour l’impression ne couvre pas forcément l’intégration sur un site web ou dans une application, et le nombre de postes peut être limité. Les polices sous licence libre (SIL Open Font License, par exemple) évitent ces questions pour la plupart des usages. Notez dans la charte d’où vient chaque police et ce que couvre la licence.
Les images et l’iconographie
C’est la rubrique la plus souvent oubliée, et celle qui pèse le plus dans la perception d’une marque sur les réseaux sociaux. Décrivez le style photographique attendu (lumière naturelle ou studio, personnes de face ou en situation, cadrages serrés ou larges), donnez des exemples à suivre et à éviter, et fixez une famille d’icônes unique, avec la même épaisseur de trait. Quand les modèles sont des salariés, leur droit à l’image s’ajoute à ces choix esthétiques.
Les gabarits
Une charte qui ne fournit que des règles oblige chacun à les réinterpréter. Livrez des modèles : document Word ou Google Docs, présentation, en-tête de mail, carte de visite, formats des réseaux sociaux, couverture de podcast si vous en produisez un. C’est souvent la partie qui fait gagner le plus de temps, et qui garantit la cohérence d’un communiqué de presse en PDF comme d’un visuel pour une publication LinkedIn.
En pratique
Mettez en première page une synthèse d’une page : logo principal, trois codes couleur, deux polices, lien vers le dossier des fichiers. C’est la page que les gens impriment et punaisent. Le reste du document sert de référence quand une question précise se pose.
Le test qui manque à la plupart des chartes : la lisibilité
Une palette peut être harmonieuse et illisible. Le gris clair sur fond blanc, le jaune sur blanc, le texte blanc sur un vert pâle échouent régulièrement aux tests de contraste. Or ces associations se retrouvent ensuite partout : boutons du site, sous-titres de vidéos, visuels de recrutement.
Les règles d’accessibilité du W3C (WCAG, critère 1.4.3, niveau AA) demandent un ratio de contraste d’au moins 4,5:1 entre un texte et son fond, et de 3:1 pour le grand texte, défini comme au moins 18 points, ou 14 points en gras. Le logo lui-même est exempté, mais le W3C précise que l’exemption ne couvre pas un choix de faible contraste qui ne relève pas de l’identité de marque. Autrement dit, la charte ne peut pas servir d’excuse pour des boutons gris pâle.
| Élément | Ratio minimal (WCAG AA) | À prévoir dans la charte |
|---|---|---|
| Texte courant | 4,5:1 | Liste des couples texte et fond autorisés |
| Grand texte (18 pt, ou 14 pt gras) | 3:1 | Couleurs réservées aux titres |
| Logos, texte décoratif | Pas d’exigence | Fonds autorisés pour chaque version du logo |
Exemple
Le Système de design de l’État, que doivent utiliser les sites des services de l’État, montre comment intégrer l’accessibilité dès la charte : police Marianne en plusieurs graisses, palette définie, plus de cinquante composants d’interface testés par des équipes comprenant des experts de l’accessibilité. Sans viser ce niveau, une PME peut reprendre l’idée : chaque couleur livrée avec les fonds sur lesquels elle peut porter du texte.
Récupérer les fichiers et les droits sur le logo
Commander un logo ne vous en rend pas propriétaire. En droit français, l’article L131-3 du Code de la propriété intellectuelle exige que chaque droit cédé fasse l’objet d’une mention distincte dans l’acte de cession, et que le domaine d’exploitation soit délimité quant à son étendue, sa destination, son lieu et sa durée. La cour d’appel de Paris l’a rappelé en 2017 dans un litige portant précisément sur un logotype commandé à une agence.
Concrètement, à la livraison d’une identité visuelle, vérifiez trois points :
- Un contrat de cession écrit. Il liste les droits cédés (reproduction, représentation, adaptation), les supports, le territoire et la durée. « Tous supports, monde entier, durée de protection des droits d’auteur » est la formule la plus large.
- Les fichiers sources. Fichiers vectoriels ouverts, pas seulement des PNG. Sans eux, la moindre déclinaison oblige à repasser par le créateur.
- Les polices et éléments tiers. Licence de chaque police, origine des pictogrammes ou textures utilisés dans le logo.
Une fois les droits d’auteur sécurisés, le dépôt de marque à l’INPI protège le signe dans la vie des affaires. Un logo se dépose comme marque figurative, ou semi-figurative s’il associe un dessin et un nom ; une couleur peut même faire l’objet d’une marque, avec sa référence Pantone. L’enregistrement donne un monopole d’exploitation sur le territoire français pendant dix ans, renouvelable indéfiniment.
À éviter
Faire créer un logo par un générateur en ligne ou une IA sans vérifier les conditions d’utilisation, puis le déposer comme marque. Vous risquez de découvrir qu’un signe très proche existe déjà, ou que vos droits sur l’image sont limités. Une recherche d’antériorité avant le dépôt reste indispensable.
PDF figé ou kit vivant ?
Le format compte autant que le contenu. Un PDF reste pratique pour l’envoyer à un imprimeur, mais il vieillit mal : chaque mise à jour crée une nouvelle version qui ne remplace jamais toutes les anciennes. Beaucoup d’équipes complètent donc le PDF par un dossier partagé unique, ou une page interne, qui contient les fichiers à jour, les gabarits et un journal des modifications daté.
Quelques règles simples évitent la confusion : un seul emplacement de référence, des fichiers nommés de façon explicite (logo-principal-couleur.svg plutôt que final-v3-ok.png), la date de version en pied de chaque page du PDF, et la suppression des anciennes versions des dossiers partagés plutôt que leur archivage à côté des nouvelles. Quand un prestataire extérieur intervient, envoyez-lui le lien vers ce dossier, pas une pièce jointe qui sera dépassée à la prochaine mise à jour.
Désignez une personne responsable de la charte, qui reçoit les demandes de nouveaux formats et tranche les cas limites. Prévoyez une révision annuelle et une mise à jour à chaque nouveau support important. Pour situer la charte dans l’ensemble de vos outils de communication, le guide des fondamentaux de la communication digitale fait le lien entre identité, contenus et canaux ; le dossier Communication regroupe les autres articles de la rubrique.
À lire aussi
Questions fréquentes
Quelle est la différence entre charte graphique et identité visuelle ?
L’identité visuelle désigne l’ensemble des signes qui rendent une marque reconnaissable : logo, couleurs, typographies, style d’image. La charte graphique est le document qui fixe les règles d’usage de ces signes, pour que chacun les applique de la même façon, en interne comme chez les prestataires.
Combien de pages doit faire une charte graphique ?
Assez peu pour être lue. Pour une PME, une vingtaine de pages bien organisées couvrent le logo, les couleurs, les typographies, les images et les principaux supports. Les volumes de cent pages restent souvent au fond d’un dossier partagé. Une page de synthèse en tête de document rend service à tous.
Faut-il déposer son logo à l’INPI ?
Ce n’est pas obligatoire, mais le dépôt d’une marque figurative ou semi-figurative donne un monopole d’exploitation en France pendant dix ans, renouvelable indéfiniment. Il permet d’agir contre une imitation. Vérifiez d’abord que vous détenez bien les droits d’auteur sur le logo, cédés par écrit par son créateur.
Quels codes couleur indiquer dans une charte graphique ?
Pour chaque couleur, donnez le code hexadécimal et RVB pour l’écran, le CMJN pour l’impression en quadrichromie et, si vous imprimez en tons directs, la référence Pantone. Ajoutez les associations autorisées entre texte et fond, avec leur ratio de contraste vérifié pour la lisibilité.
Qui doit mettre à jour la charte graphique ?
Une personne nommée, en général au service communication, qui centralise les demandes et publie les nouvelles versions datées. Sans responsable, chacun crée ses propres variantes et la charte perd son utilité. Une révision annuelle suffit le plus souvent, sauf refonte de marque ou nouveau support important.
Sources
- W3C, Understanding Success Criterion 1.4.3: Contrast (Minimum), WCAG 2.2. lien
- INPI, La marque : un monopole renouvelable (types de marques et durée de protection). lien
- La Lettre des Réseaux, Les pièges du droit d’auteur : commander un logotype n’implique pas une libre exploitation (CA Paris, 24 mars 2017). lien
- Système de design de l’État (DSFR), site officiel. lien
Innomédia · Communication · Une erreur, une précision ? Écrivez à la rédaction.
