Charte graphique : définition, contenu et exemples

Une charte graphique est un document de décision, pas un document de présentation. Sa raison d'être tient en une phrase : permettre à quelqu'un qui n'a pas participé à la création de l'identité de produire un support cohérent sans demander l'autorisation.

C'est cette fonction qui détermine tout le reste — ce qu'elle contient, comment elle est écrite, et pourquoi la plupart des chartes échouent. Elles échouent parce qu'elles décrivent l'identité au lieu de dire quoi en faire.

Réponse directe. Une charte graphique fixe les règles d'usage de l'identité visuelle : logo et ses variantes, palette avec valeurs hex, RVB, CMJN et Pantone, typographies et hiérarchie, direction photographique, règles de mise en page, et exemples corrects/incorrects. Sa longueur importe moins que le fait qu'elle réponde aux questions réellement posées.

Ce qu'une charte graphique contient

Le logo et ses variantes

C'est la section la plus consultée, et souvent la moins complète. Elle doit couvrir :

• Les versions : principale, horizontale, symbole seul, monochrome, version en négatif.
• La zone de protection : l'espace libre minimum autour du logo, exprimé en fonction d'un élément du logo lui-même (souvent la hauteur d'une lettre) plutôt qu'en millimètres, pour rester valable à toutes les échelles.
• Les tailles minimales, séparément pour l'écran et pour l'impression.
• Les usages interdits, avec des exemples visuels : logo étiré, recoloré, posé sur un fond insuffisamment contrasté, entouré d'effets.

La règle pratique : si quelqu'un doit vous écrire pour savoir quelle version utiliser, la section est incomplète.

La palette de couleurs

Chaque couleur doit être donnée dans les quatre systèmes : hex pour le web, RVB pour l'écran, CMJN pour l'impression et Pantone quand la marque imprime en tons directs.

Deux points souvent oubliés et pourtant décisifs :

• La hiérarchie. Quelles couleurs sont primaires, lesquelles sont secondaires, et dans quelle proportion. Une palette de six couleurs sans hiérarchie produit six identités différentes.
• Les rapports de contraste. Quelles combinaisons texte/fond sont utilisables, avec les valeurs. C'est ce qui évite qu'un support publié soit illisible pour une partie du public.

Les typographies

La police principale, la police secondaire, les graisses autorisées et la police de substitution quand la principale n'est pas disponible — sur un poste client, dans un e-mail, dans un document bureautique.

La hiérarchie compte davantage que le choix : quelle taille pour un titre, pour un intertitre, pour un texte courant, avec les interlignes. Une charte qui donne le nom d'une police sans donner l'échelle laisse chacun réinventer la mise en page.

La direction photographique

La section la plus négligée, et celle qui décide le plus de la cohérence perçue. Elle doit dire : quel type de lumière, quel traitement colorimétrique, quel cadrage, quelle présence humaine, quels sujets sont hors sujet.

Sans elle, la marque reste cohérente en logo et en couleurs pendant que ses visuels partent dans toutes les directions — ce qui est exactement ce que le public remarque.

Les règles de mise en page

Grille, marges, alignements, place du logo sur un support. Trois ou quatre règles suffisent si elles sont réellement appliquées.

Les exemples corrects et incorrects

C'est la section qui fait la différence entre une charte consultée et une charte rangée. Elle montre des supports réels, avec ce qui va et ce qui ne va pas, et pourquoi.

La raison est simple : personne ne lit une charte de bout en bout. On l'ouvre avec une question précise, et une page d'exemples y répond plus vite que quinze pages de principes.

Des exemples de chartes publiques

La meilleure façon d'apprendre est de lire des chartes complètes, et beaucoup d'organisations publient la leur.

Les services publics. L'État français, plusieurs ministères et de nombreuses collectivités diffusent leur charte en accès libre. Ce sont des documents particulièrement instructifs parce qu'ils doivent fonctionner pour des centaines d'utilisateurs aux compétences très inégales : les règles y sont donc écrites pour être appliquées sans interprétation.

Les universités. Elles publient presque toutes la leur, et elles ont une particularité utile : elles doivent gérer une architecture de sous-marques — facultés, laboratoires, associations — ce qui en fait de bons modèles dès qu'une organisation a plusieurs entités.

Les villes. Les chartes de collectivités traitent un cas rare et intéressant : la signalétique et l'affichage grand format, avec des contraintes de lisibilité à distance qu'on ne trouve pas ailleurs.

Les projets open source et les grandes entreprises technologiques. Elles publient souvent des chartes très complètes, avec des sections que les autres n'ont pas : usage du logo par des tiers, règles de co-branding, déclinaisons pour interfaces.

Ce qu'il faut regarder dans ces documents n'est pas l'esthétique mais la façon dont les règles sont formulées. Une bonne charte écrit « le logo conserve autour de lui un espace libre égal à la hauteur du O » plutôt que « le logo doit respirer ».

Le format de diffusion

Une charte graphique circule presque toujours en PDF, pour trois raisons : elle s'ouvre partout, elle se lit hors ligne, et elle peut être jointe à un contrat de prestation.

Deux compléments améliorent nettement son usage :

• Une page web pour les équipes internes, plus facile à tenir à jour qu'un PDF que chacun a téléchargé dans sa propre version.
• Un dossier de fichiers sources — logos en SVG et en PNG sur fond transparent, polices, gabarits. Une charte sans les fichiers oblige à recréer ce qu'elle décrit, et c'est là que la dérive commence.

Pour les logos, le PNG transparent est indispensable : c'est ce qui permet de poser le logo sur n'importe quel fond. L'outil de détourage exporte en transparence si vous ne disposez que d'une version sur fond blanc, et la conversion en PNG préserve cette transparence à l'export.

Construire la sienne quand on est une petite structure

Une charte de quatre-vingts pages n'est pas l'objectif. Pour une entreprise d'une à vingt personnes, une dizaine de pages suffit si elles sont les bonnes :

1. Le logo : versions, zone de protection, tailles minimales, interdits.
2. La palette : trois à cinq couleurs, avec hex, RVB et CMJN, et la hiérarchie.
3. Les typographies : deux polices maximum, avec l'échelle de tailles.
4. La photographie : trois phrases sur le traitement, et six images de référence.
5. Deux gabarits : une publication réseaux sociaux et un document.
6. Une page d'exemples corrects et incorrects.

C'est plus utile qu'un document ambitieux jamais terminé, et cela couvre 90 % des questions qui se posent réellement.

Tenir la charte dans les faits

Le vrai problème d'une charte n'est pas sa rédaction, c'est son application. Elle se perd toujours au même endroit : entre le document et les visuels produits chaque semaine.

Deux choses aident concrètement.

Des gabarits plutôt que des règles. Un gabarit applique la règle sans qu'on ait à la connaître. Une charte accompagnée de gabarits est respectée ; une charte seule est interprétée.

Une production qui reprend la direction visuelle. C'est là que la génération assistée change quelque chose : en important quelques visuels de référence, le générateur d'image applique la même direction artistique à toute une série, ce qui maintient la cohérence photographique — la section de la charte qui dérive le plus vite. Et pour rattraper des visuels existants qui s'écartent de la palette, le changement de couleur ramène une teinte dans la charte sans refaire le visuel.

Ce qu'il faut retenir

Une charte graphique existe pour permettre de décider sans demander. Elle contient le logo et ses variantes, la palette dans les quatre systèmes, les typographies et leur hiérarchie, la direction photographique, les règles de mise en page et — surtout — des exemples corrects et incorrects.

Sa longueur n'a pas d'importance. Ce qui en a : qu'elle réponde aux questions réellement posées, qu'elle soit accompagnée des fichiers sources, et qu'elle s'accompagne de gabarits. Sans ces trois conditions, elle documente une identité que plus personne n'applique.