Charte graphique : ce qu'elle doit contenir pour que votre marque tienne debout

Dessin au trait : trois versions d'un même logo rond mal utilisé (écrasé, à l'envers, avec une fausse moustache), chacune barrée d'un « DON'T »

Le 28 février 2024, le gouvernement a publié la nouvelle charte de la marque de l’État. Une phrase y résume l’idée : le bloc-marque commun « rend caduc toute nouvelle création de logos spécifiques ». Des centaines de ministères, préfectures et opérateurs partagent désormais les mêmes règles. Une charte graphique sert exactement à ça : donner à chaque personne qui produit un support les mêmes repères, pour que la marque reste reconnaissable sans que vous soyez derrière chaque fichier.

Beaucoup de PME en ont une. Peu s’en servent vraiment. Le PDF dort dans un dossier partagé, et la plaquette commerciale finit avec trois bleus différents.

Voici ce qu’une charte graphique doit contenir pour être utilisée, avec des exemples concrets et la méthode que j’applique en studio.

La définition tient en une ligne : une charte graphique est le document qui fixe les éléments visuels d’une marque et la manière de les employer. Le mot important est « employer ». Un logo livré seul ne protège rien. Sans règles, chacun le recadre, le recolore, le pose sur un fond chargé.

La charte de l’État le montre bien. Elle ne se contente pas de présenter la Marianne : elle explique comment construire le bloc-marque de n’importe quelle entité, quelle typographie utiliser, comment présenter la devise. Elle est même complétée par une charte rédactionnelle et une charte des réseaux sociaux. Le visuel et le ton avancent ensemble.

Pour une PME, ce niveau de détail n’a pas de sens. Le principe, lui, reste valable : chaque élément graphique livré doit arriver avec son mode d’emploi.

Les éléments que je retrouve dans toute charte utile

Le logo et ses déclinaisons

Version principale, version monochrome, version réduite pour les favicons et les avatars. Chaque déclinaison a sa zone de protection (l’espace vide autour du logo) et sa taille minimale. J’ajoute toujours une page d’interdits : logo étiré, ombré, posé sur une photo illisible. Elle évite plus d’erreurs que toutes les autres pages réunies.

Les couleurs, dans tous leurs formats

Une couleur de marque se définit au moins trois fois : en RVB et en hexadécimal pour l’écran, en CMJN pour l’impression, et souvent en référence Pantone pour les supports imprimés exigeants. Un vert parfait à l’écran peut sortir terne en quadrichromie. Mieux vaut le découvrir pendant la création de la charte qu’au retour de l’imprimeur.

La charte doit aussi dire quelles couleurs vont ensemble et dans quelles proportions. Une palette sans hiérarchie produit des supports bariolés.

La typographie

Une ou deux familles, rarement plus. La charte précise les graisses, les tailles de titres et de texte courant, l’interlignage. Elle prévoit aussi une police de remplacement pour les outils où la police de marque n’est pas installée (Word, PowerPoint, certains logiciels d’emailing). L’État est allé jusqu’à faire dessiner sa propre typographie, la Marianne. Sans aller si loin, une PME gagne à choisir une famille disponible sur le web et sous licence claire.

L’iconographie et les images

Style photo, traitement des couleurs, type d’illustrations, pictogrammes. C’est la partie la plus souvent oubliée, et pourtant celle qui donne le plus de personnalité. Sur l’étude de cas UGC du portfolio, le système repose autant sur des motifs modulaires que sur le logo lui-même.

Les gabarits

Carte de visite, signature email, modèle de présentation, visuels pour les réseaux sociaux. Un gabarit prêt à remplir fait plus pour la cohérence qu’une page de principes.

Couleurs et accessibilité : la règle du contraste

Une charte graphique écrite aujourd’hui doit tenir compte de l’accessibilité. Les règles internationales WCAG 2.2 du W3C demandent un rapport de contraste d’au moins 4,5:1 entre un texte courant et son fond, 3:1 pour les grands textes. En France, le RGAA reprend ces exigences pour les sites concernés.

Concrètement, chaque couleur de la palette mérite une indication simple : utilisable pour du texte sur fond clair, sur fond foncé, ou réservée aux aplats. Je l’ai appliqué pendant la refonte de ce site : certains liens crème posés sur un fond vert pâle n’atteignaient pas 1,5:1. La couleur était jolie. Elle était aussi illisible pour une partie des visiteurs.

Exemple de charte graphique : du PDF de 60 pages à la page unique

Deux erreurs reviennent souvent. La première : la charte trop légère, un logo et trois codes couleur sur une page, sans aucune règle d’usage. La seconde, plus fréquente chez les entreprises qui ont travaillé avec une grande agence : le document de 60 pages que personne n’ouvre.

Le bon format dépend de qui l’utilise. Pour une équipe de cinq personnes, une charte de 12 à 20 pages suffit souvent, à condition d’être accompagnée des fichiers sources : logos en SVG et PNG, palette importable dans Figma ou Canva, gabarits modifiables. Pour une structure avec plusieurs équipes et des prestataires extérieurs, la charte devient un site de référence, mis à jour au fil des versions. C’est le chemin pris par l’État avec son système de design pour les sites en .gouv.fr. J’explique dans un autre article à partir de quand une PME a besoin d’un design system.

Un indice qui ne trompe pas : si votre chargé de communication doit vous appeler pour savoir quel bleu utiliser, la charte n’a pas rempli son rôle.

Comment faire une charte graphique sans la refaire dans deux ans

L’ordre compte. Une charte graphique arrive après le travail de fond sur la marque : son positionnement, ses valeurs, sa personnalité. Sans ce socle, les choix graphiques reposent sur des goûts personnels, et ils changent au premier désaccord. C’est le rôle de la plateforme de marque, que je détaille dans un autre article.

Ma méthode en quatre temps :

  1. Un inventaire de l’existant : tous les supports produits ces deux dernières années, posés côte à côte. Les incohérences sautent aux yeux en dix minutes.
  2. Les choix de fond : logo, couleurs, typographies, testés sur de vrais supports et pas seulement sur une planche de tendance.
  3. Les règles d’usage, rédigées pour les personnes qui produiront les supports, avec des exemples bons et mauvais.
  4. Les gabarits et les fichiers sources, livrés dans les formats que votre équipe utilise vraiment.

Pour Idaos, la difficulté venait d’une seconde entité qui avait déjà fait évoluer son branding. Il fallait harmoniser les deux univers sans effacer leurs différences. La charte a donc fixé un socle commun (grille, typographie, principes d’images) et laissé à chaque marque sa palette.

Prévoyez enfin un responsable. Une charte vit : un nouveau réseau social, un nouveau format de salon, une nouvelle offre. Quelqu’un doit pouvoir trancher et mettre le document à jour.

Une charte graphique utile tient en peu de choses : des éléments clairs, des règles d’usage écrites pour ceux qui produisent, des couleurs vérifiées pour l’écran, l’impression et l’accessibilité, et des gabarits prêts à l’emploi. Le reste relève de la discipline. Si vos supports actuels ne se ressemblent plus, commencez par l’inventaire : il dira vite s’il faut une simple remise à plat ou une nouvelle identité visuelle.

Vous voulez faire le point sur votre charte ou en créer une ? Parlons de votre projet, ou découvrez l’accompagnement en branding et identité visuelle du studio.

Sources

À lire aussi

Tout le journal