Charte graphique : définition, contenu et exemple commenté

Ce que la charte graphique fixe vraiment

Une charte ne se limite pas à dire « voici la couleur principale ». Elle répartit les règles élément par élément. Une version minimale contient déjà : logo, couleurs, typographies, mise en page et usages interdits. Les grandes organisations ajoutent le ton éditorial, l’imagerie ou les usages digitaux.

Le logo, ses déclinaisons et sa zone de protection

La charte explique l’emploi du logo, pas sa création. Elle définit la zone de protection, l’espace vide à respecter autour du logo, et les déclinaisons, les versions adaptées selon le fond, la couleur ou la contrainte technique. Pour distinguer ce rôle du logo lui-même, la page logo remet les termes au bon endroit.

Couleurs, typographies et mise en page

Une bonne charte dit quand utiliser chaque couleur, sur quels supports, avec quel contraste. Elle évite des erreurs banales mais coûteuses : un bleu juste à l’écran qui vire au terne une fois imprimé, une police trop fine qui disparaît sur un papier absorbant, des marges qui changent d’une page à l’autre.

Couleurs écran et impression

Le RVB décrit une couleur à l’écran. Pour l’impression, on prépare le fichier avec des références adaptées au procédé : CMJN pour la quadrichromie, ton direct quand une encre précise est demandée. La page RVB ou CMJN explique pourquoi les valeurs changent d’un support à l’autre.

Une charte fictive, page par page

La marque de l’exemple s’appelle Atelier Lumen, un nom inventé sans lien avec une marque existante. Sa charte compte sept pages. Pour chacune, je précise ce qu’elle fixe et ce qu’il faut vérifier.

Couverture et sommaire

La première page donne le nom du document, sa version, sa date et un contact référent. Ce n’est pas décoratif : on doit savoir si l’on tient la dernière version et à qui poser une question. Sans version lisible, on ignore si un logo ou une palette a changé. Sans contact, on devine quelle règle fait foi. Le sommaire, lui, suit le plan du document.

Le logo et sa zone de protection

La règle de l’exemple tient en une lettre : x, la hauteur de la lettre « L » du logo. Aucun élément ne doit entrer dans l’espace de 1 x autour du logo. Sans cette zone, un texte collé au logo le fait disparaître visuellement.

1 x

zone de protection sur les quatre côtés

20 mm

largeur minimale en print

80 px

largeur minimale à l’écran

Ces cotes sont celles de la charte fictive. Une autre marque fixera les siennes.

Le piège : dimensionner la taille minimale sur le logo vu à l’écran, alors qu’un trait fin se perd à l’impression. Je recommande de la vérifier dans le contexte réel : en-tête de lettre, visuel social, plaque, vitrine. La charte peut aussi lister les cas d’exclusion : fond trop chargé, photographie trop contrastée, réduction extrême, impression monochrome.

Les déclinaisons

La charte fictive prévoit cinq versions :

• couleur, par défaut, sur fond blanc ou très clair ;
• noir, pour les impressions en une couleur ou les tampons ;
• blanc, sur fond sombre ou sur couleur ;
• fond clair et fond sombre, avec leurs contrastes adaptés ;
• sans signature, quand la place manque.

La règle tient en une phrase : version couleur dès que le fond le permet, noir ou blanc sinon. On vérifie le contraste, et on nomme les fichiers sans ambiguïté : un fichier appelé « logo final » finit presque toujours mal classé.

Les couleurs

La couleur principale d’Atelier Lumen est un bleu. La charte le donne dans quatre systèmes, car un même bleu ne se code pas de la même façon à l’écran et sur le papier.

La correspondance entre ces lignes reste approchée, jamais exacte : l’écran émet de la lumière, le papier la réfléchit. La charte précise aussi le rôle de chaque couleur : principale pour le logo et les titres, secondaires pour les accents, neutres pour les fonds et les textes.

Le piège : croire qu’un code hexadécimal suffit partout. Une couleur correcte à l’écran peut dériver si elle est convertie automatiquement pour l’impression. Si une couleur n’a qu’une valeur écran, elle n’est pas prête pour l’impression.

Les typographies

La charte fictive retient deux polices : une pour les titres, une pour le texte courant. Elle fixe les graisses autorisées (régulière et grasse), la hiérarchie (titre, intertitre, texte, légende) et une police de remplacement, utilisée quand la police de la charte n’est pas installée.

L’erreur la plus courante : laisser le logiciel substituer lui-même une police. On vérifie donc que les polices sont incorporées au PDF ou, si le flux de production le demande, vectorisées. Je préfère aussi que la charte dise ce qu’elle interdit : police décorative hors système, chasse étroite qui nuit à la lecture, changement arbitraire de graisse.

Les interdits

Cette page montre des contre-exemples : déformer le logo, le recolorer hors palette, lui ajouter une ombre ou un contour, le poser sur un fond peu contrasté. Une erreur montrée en image se reconnaît d’un coup d’œil. C’est souvent la page la plus utile pour qui n’est pas graphiste : une charte sans interdits laisse trop de place à l’interprétation.

Les applications

La dernière page montre la charte en situation : carte de visite, papier à en-tête, site, réseaux sociaux. Entre print et écran, ce qui change, ce sont les codes couleurs, la taille minimale du logo et le format du fichier fourni. Une règle théorique devient utile quand on voit comment elle se traduit sur un flyer, une bannière web ou une signature d’e-mail.

Le sommaire type d’une charte graphique

Ce plan se réutilise pour rédiger une charte :

1. Introduction de la marque
2. Logo
3. Zone de protection et taille minimale
4. Déclinaisons
5. Couleurs
6. Typographies
7. Mise en page
8. Images et icônes
9. Applications
10. Interdits
11. Fichiers livrés et contact

La taille varie, de quelques pages pour une mini charte à un manuel complet. La logique reste la même : définir, montrer, puis contraindre. Une charte courte suffit si la marque a peu de cas d’usage ; elle s’allonge dès qu’il faut coordonner plusieurs supports ou prestataires.

Charte graphique, identité visuelle, charte éditoriale : ne pas confondre

La confusion la plus courante consiste à prendre la charte pour l’ensemble de la marque. L’identité visuelle est plus large : perception globale, signes, couleurs, formes et leur répétition. La charte fixe la manière de les employer.

Comment lire et utiliser une charte graphique

• Si vous commandez des supports (Julie)

  réclamez le logo en vectoriel et les déclinaisons nommées.

• Si vous faites créer votre logo (Karim)

  demandez une charte courte, avec zone de protection, couleurs et polices.

• Si vous montez un fichier (Léa)

  vérifiez les cotes et les codes avant de commencer.

Avant d’envoyer un fichier à l’impression, contrôlez cinq points :

1. la bonne déclinaison du logo ;
2. la zone de protection respectée ;
3. les couleurs aux codes du bon procédé ;
4. les polices incorporées ou vectorisées ;
5. la taille minimale du logo.

Un logo en vectoriel se redimensionne sans perte. Je recommande aussi de garder un dossier propre : fichier source, exports et PDF de référence.

Ce qu’on trouve dans les chartes publiques

Beaucoup d’institutions, d’universités et d’organismes publics publient leur manuel d’identité. On y retrouve les mêmes familles de règles : logo, espace de protection, taille minimale, couleurs, typographies, déclinaisons et usages interdits.

Par exemple, la charte graphique France Relance utilise une zone de protection autour du logo pour garantir sa lisibilité. Les règles de marque de la NASA détaillent l’usage de l’insigne, du logotype et les restrictions. Des guides universitaires publics, comme ceux de Northern Illinois University ou Utah Valley University, détaillent l’espace libre, la taille minimale, les couleurs et les usages incorrects.

Comparez en priorité les cotes de la zone de protection, le nombre de déclinaisons et les codes couleurs fournis. Ce n’est pas la longueur qui fait la qualité, mais la netteté des règles.

Fiche recette : bâtir une charte simple

Je vous conseille cet ordre : logo principal et variantes, zone de protection, taille minimale en print et à l’écran, deux ou trois couleurs avec leurs codes par support, une police de titre et une de texte, interdits, puis deux ou trois mises en situation.

Le test : un lecteur extérieur doit savoir, sans poser de question, quel logo utiliser, quelle couleur choisir et ce qu’il ne faut pas modifier. Sinon, la charte est encore trop floue.

Questions fréquentes