Charte graphique : contenu, usage et mise à jour
Une charte graphique réunit les règles d’usage des signes d’une marque : versions du logo, couleurs, typographies, traitement des images, gabarits de documents. Le document ne crée pas l’identité, il la rend applicable par des personnes qui ne l’ont pas dessinée, puis vérifiable support après support. Sa valeur se mesure à son usage réel, jamais à son épaisseur.
Ce que fixe une charte graphique, et pour qui
Une charte graphique remplit deux fonctions en même temps. Décrire, pour que chacun retrouve le bon fichier et la bonne référence de couleur. Borner, pour que la reconnaissance tienne quand les supports se multiplient et que les intervenants changent.
La distinction avec le système graphique lui-même mérite une phrase. La charte met en règles écrites une identité visuelle déjà arrêtée : le logo, la palette, les caractères existent avant elle. Documenter des choix qui n’ont pas été tranchés produit un document flou, que personne n’applique. La construction de ce système, du logo jusqu’au site, est traitée dans notre repère sur l’identité visuelle d’une marque cohérente, qui aborde aussi le format court de ce document.
Les lecteurs réels du document
Un dirigeant imagine volontiers la charte entre les mains d’un graphiste. Elle circule surtout ailleurs : la personne qui monte une présentation commerciale, l’imprimeur qui reçoit un fichier de plaquette, le prestataire qui intègre le site, celui qui publie sur les réseaux sociaux, le fabricant d’enseigne. Aucun de ces lecteurs ne partage le même vocabulaire technique, d’où l’intérêt de montrer des exemples visuels avant d’écrire des termes de métier.
Ce que la charte ne tranche pas
Trois sujets voisins restent dehors. Le positionnement et la promesse commerciale relèvent de la stratégie de marque. Les textes et les photographies relèvent de la production courante. Les licences de polices, la cession des fichiers sources et le dépôt de la marque relèvent du contrat. Une charte qui tente de tout absorber devient illisible.
Les règles du logotype, version par version
Toute charte ouvre sur le logotype, le signe le plus manipulé et le plus vite abîmé. Quatre jeux de règles couvrent la quasi-totalité des situations.
Le premier porte sur les déclinaisons du logo : une version horizontale pour les en-têtes, une version verticale ou empilée pour les formats carrés et étroits, un monogramme réduit aux initiales pour les avatars et l’icône d’onglet. Chaque version existe en fichier vectoriel source et en exports aux tailles utilisées.
Vient ensuite la zone de protection : une marge minimale autour du signe, exprimée en proportion d’un élément du logo lui-même, par exemple la hauteur de sa lettre initiale. Cette unité relative tient à toutes les échelles, ce qu’une valeur en millimètres ne fait pas. Rien ne s’installe dans cette marge, ni texte, ni autre logo, ni bord de page.
Troisième jeu de règles, la taille minimale : deux seuils, un pour l’impression, un pour l’écran, mesurés sur la largeur du logo et vérifiés sur un tirage réel. En dessous, les contre-formes se bouchent et la signature devient un gribouillis. Le monogramme prend alors le relais.
Les fonds ferment le chapitre. La charte montre le signe sur blanc, sur sa couleur dominante, sur un fond sombre, sur une photographie peu chargée, et désigne la version à employer : couleur, monochrome blanc ou monochrome noir. Une page d’usages interdits complète l’ensemble : logo étiré, recoloré, incliné, enrichi d’une ombre, posé sur un motif chargé, reconstitué à la main avec une autre police. Cette exigence de robustesse prolonge les six points de contrôle de notre grille sur les critères d’un bon logo.
Couleurs et typographies : les codes et la hiérarchie
Une palette courte, dans les bons espaces
Dans les faits, une palette de couleurs tenable se limite à une dominante, une ou deux teintes secondaires et deux ou trois neutres pour les textes et les fonds. Au-delà, chaque intervenant choisit sa nuance préférée et la cohérence s’évapore.
Chaque teinte se note dans les références qui correspondent à son usage. Les notations hexadécimales et la fonction rgb() des feuilles de style désignent l’espace sRVB, comme l’indique la spécification CSS Color Module Level 4 du W3C : ces valeurs servent l’écran. Le CMJN décrit un mélange de quatre encres, ne figure pas dans cette spécification et vit dans les fichiers destinés à l’impression. Une teinte de référence pour le marquage complète la liste quand l’activité produit des objets ou des enseignes.
Reste un écart bien connu des imprimeurs : une couleur lumineuse à l’écran ne se retrouve pas telle quelle sur un papier non couché. Mieux vaut noter la nuance observée sur un tirage de contrôle que la conversion automatique, et désigner qui valide cet écart.
Un seuil technique ne se négocie pas sur l’écran : le critère 1.4.3 de la recommandation WCAG 2.1 du W3C demande un rapport de contraste d’au moins 4,5 pour 1 entre un texte courant et son fond, et d’au moins 3 pour 1 pour les grands caractères. Une palette validée sur ce point épargne une reprise du site après la mise en ligne.
Deux familles de caractères, et leurs remplaçantes
Deux familles typographiques suffisent : une pour les titres, une pour le texte courant. La charte précise les graisses autorisées, les tailles types de chaque niveau de titre, les interlignes, l’usage des capitales et la licence qui couvre chaque police.
Le point le plus souvent oublié tient aux polices de repli. Une déclaration de police en CSS forme une liste ordonnée : le navigateur la parcourt jusqu’à trouver une police disponible contenant le caractère à afficher, et les familles génériques serif, sans-serif et monospace servent de filet, selon le CSS Fonts Module Level 4 du W3C. Les messageries imposent la même prudence, puisqu’une signature de courriel s’affiche avec les polices installées chez le destinataire. Nommer la substitution évite un rendu laissé au hasard.
Images, pictogrammes et ton : la part la moins écrite
Le chapitre visuel au-delà du logo se réduit souvent à trois lignes, et chaque support part ensuite dans sa direction. Quelques décisions écrites tiennent la dérive à distance.
Photographies, cadrage et iconographie
- le style photographique : lumière naturelle ou studio, présence humaine ou objets seuls, arrière-plans sobres
- les règles de cadrage : formats admis, zone à préserver pour les recadrages carrés et verticaux, traitement des bords
- la retouche : niveau de correction accepté, filtres exclus, usage du noir et blanc
- l’iconographie : une seule famille de pictogrammes, même épaisseur de trait, même géométrie, même niveau de détail
- le ton rédactionnel : le registre, la longueur des titres, le vocabulaire du métier, les termes à éviter
Mélanger des pictogrammes pleins et des pictogrammes au trait dans une même page donne une impression de bricolage, même quand le logo et les couleurs sont respectés.
Montrer plutôt qu’interdire
Ce sont les exemples qui font le vrai travail. Une double page qui montre côte à côte une publication conforme et la même publication fautive remplace trois paragraphes d’interdictions. Les personnes qui produisent les documents ne lisent pas des définitions, elles comparent.
Les gabarits qui font gagner du temps
Une charte sans modèles prêts à l’emploi reste une liste de contraintes. Avec eux, la solution conforme devient la plus rapide, et la cohérence cesse de reposer sur la bonne volonté des équipes.
Les premiers gabarits à préparer se repèrent au volume d’usage : en-tête de courrier, modèle de devis et de facture, signature de courriel, trame de présentation, visuels de réseaux sociaux aux formats carré et vertical. Chaque fichier arrive dans un format que son utilisateur sait ouvrir, pas seulement dans le logiciel du concepteur.
Le format du document lui-même
Le contenant compte autant que le contenu. Un guide épais finit dans un dossier partagé que personne n’ouvre ; une version courte, consultable en ligne, avec les fichiers téléchargeables au même endroit, obtient un tout autre taux d’usage. Les règles de détail vivent en annexe, pourvu que l’essentiel tienne sur les premières pages.
Cette mise à disposition prolonge le rôle de repère que joue le signe graphique, décrit dans notre article sur l’importance d’un bon logo pour une entreprise.
Faire vivre la charte graphique au quotidien
Dans les faits, une charte graphique d’entreprise se juge à son usage. Quatre points de pratique séparent un document actif d’un fichier oublié.
La détention d’abord. Une personne nommée garde les fichiers sources, les versions à jour et la liste des prestataires qui les ont reçus. Sans ce rôle, les copies divergent en quelques mois et chaque poste conserve sa propre variante.
La transmission ensuite. Un prestataire reçoit la charte avant de commencer, avec les fichiers vectoriels, les polices ou leur référence précise et les licences correspondantes. Une transmission tardive se paie en reprises, une transmission partielle produit des livrables à moitié conformes.
Le contrôle avant publication tient en une vérification courte : bonne version du logo, marge de protection respectée, couleurs issues de la palette, polices de la charte ou substitution prévue, lisibilité du texte sur son fond.
Les écarts les plus fréquents se répètent d’une entreprise à l’autre : un logo basse définition récupéré depuis le site, une teinte prélevée à la pipette sur une capture d’écran, un visuel social recadré qui coupe le monogramme, un document ancien repris comme modèle.
Tenir le document à jour, version après version
Ajouter un numéro de version et une date en première page change la nature du fichier : il devient suivi, et chacun sait s’il consulte la bonne édition. Chaque modification s’inscrit dans un court historique qui dit ce qui a changé et pour quel motif.
Une revue annuelle couvre l’essentiel des besoins. Elle répond à trois questions : quels supports sont apparus depuis la dernière édition, quelles règles ont été contournées faute d’être applicables, quels fichiers manquent encore à la panoplie. Les contournements répétés signalent une règle à corriger plus souvent qu’un utilisateur à rappeler à l’ordre.
Ce qui déclenche une mise à jour
Un nouveau support déclenche une mise à jour ciblée, pas une refonte. L’arrivée d’un site reste le cas le plus structurant, parce qu’elle oblige à trancher les états interactifs, les tailles de titres et les déclinaisons réduites pour mobile. L’arbitrage décrit dans notre comparatif site vitrine ou boutique en ligne détermine l’ampleur des gabarits à prévoir, une fiche produit n’ayant rien de commun avec une page de présentation.
Une refonte partielle reste possible sans toucher au logo : rafraîchir la palette, remplacer une police dont la licence ne couvre plus les usages prévus, revoir un traitement photographique daté. Ces retouches se datent et se versionnent comme le reste.
Prochaine étape : relire la charte actuelle en situation réelle, lister les supports qu’elle ne couvre pas encore, puis publier une version datée accompagnée des gabarits manquants.