Les chartes existent parce que la plupart des supports hors charte sont produits par erreur. Une agence utilise le fichier du logo de l’an dernier, un revendeur recolore une bannière pour l’accorder à un showroom, un collègue étire le logo pour remplir une diapositive. Chacun avait ses raisons. Des règles écrites, avec les fichiers validés à côté, évitent d’avoir à deviner.
Charte graphique, guide de style, brand book : y a-t-il une différence ?
En pratique, les termes désignent le même document. Quand les équipes les séparent :
| Terme | Désigne en général |
|---|---|
| Charte graphique, guide de marque | L’ensemble complet des règles, visuelles et verbales |
| Guide de style de marque, guide de style | Les règles visuelles seulement : logo, couleur, typographie, images. Dans les équipes éditoriales, « guide de style » peut aussi désigner les règles d’écriture (orthographe, majuscules, style maison) |
| Brand book | Une édition imprimée ou en PDF de la charte, souvent avec l’histoire et les valeurs de la marque en ouverture |
| Standards de marque | Les mêmes règles, dans les organisations qui les jugent obligatoires, souvent avec un processus de validation |
Ce que contient une charte graphique
Une charte utile répond aux questions que les gens se posent réellement pendant qu’ils fabriquent quelque chose. Chaque section ci-dessous indique ce qu’elle doit préciser pour être utilisable, et pas seulement ce qu’elle doit couvrir.
Logo
- Versions. Logo principal, version secondaire ou empilée, symbole ou emblème seul, et laquelle utiliser où.
- Variantes de couleur. Couleur, une couleur, noir, blanc (en réserve), et sur quels fonds chacune peut se placer.
- Zone de protection. L’espace vide minimal autour du logo, défini par rapport au logo lui-même (par exemple la hauteur d’une lettre) pour qu’il s’adapte à sa taille.
- Taille minimale. La plus petite taille à laquelle le logo reste lisible, en pixels pour les écrans et en millimètres pour l’impression.
- Mauvais usages. Des exemples de ce qu’il ne faut pas faire : étirer, faire pivoter, recolorer, ajouter des effets, placer sur une photographie chargée.
Les règles d’utilisation du logo sont la section la plus consultée : elles sont donc plus utiles placées directement à côté des fichiers qu’elles encadrent.
Couleur
Chaque couleur de marque a besoin d’une valeur pour chaque support sur lequel elle sera reproduite :
- HEX ou RVB pour les écrans. Les couleurs web sont spécifiées dans l’espace colorimétrique sRVB.
- CMJN pour l’impression, idéalement avec le profil d’impression pour lequel elle a été convertie.
- Pantone (PMS) pour l’impression en ton direct, le packaging et les objets publicitaires.
La charte doit aussi dire comment les couleurs se combinent : palette principale et secondaire, proportions, et quelles couleurs de texte sont autorisées sur quels fonds. Pour les supports numériques, les WCAG 2.2 (une recommandation du W3C depuis octobre 2023) exigent un rapport de contraste d’au moins 4,5:1 pour le texte normal et 3:1 pour le grand texte. Le texte qui fait partie d’un logo en est exempté, mais pas une couleur de marque utilisée pour le texte courant ou les boutons, donc vérifiez la palette avant de la valider.
Typographie
Nommez les typographies, les graisses utilisées et la hiérarchie (titre, sous-titre, texte, légende), avec les conditions de licence. Une licence de police limite souvent qui peut installer la police et si elle peut être intégrée à un site web ou à une application, donc indiquez qui peut utiliser les fichiers de polices et donnez une typographie de remplacement pour les personnes qui ne le peuvent pas.
Images
Décrivez le style de photographie et d’illustration en termes que l’on peut vérifier : éclairage, décor, cadrage, présence ou non de personnes, façon de montrer les produits, retouches autorisées. Montrez des exemples validés et des exemples à éviter. Voir les images de marque pour ce que cette section couvre en général.
Voix et ton
Le volet verbal : comment la marque écrit, les mots qu’elle emploie et ceux qu’elle évite, comment elle nomme ses produits, et comment le ton change entre une page produit, une réponse du support et une publication sur les réseaux sociaux.
Pourquoi les brand books en PDF deviennent obsolètes
Le brand book classique est un PDF exporté une fois et diffusé. Il est périmé dès le changement suivant : une nouvelle variante de logo, une couleur révisée, un remplacement de police. Les anciennes copies restent dans les messageries et les drives partagés, et personne ne sait laquelle est à jour.
Une charte qui vit comme une page web à côté de la photothèque évite cela. Les règles se modifient à un seul endroit, les fichiers à côté de chaque règle sont ceux qui circulent, et les personnes qui téléchargent un logo voient comment il peut être utilisé au moment où elles le prennent. Les mêmes règles peuvent alors être contrôlées automatiquement : les contrôles de conformité de marque comparent chaque nouveau média aux règles écrites au moment de son import.
La charte graphique dans Freedam
Dans Freedam, la charte graphique prend la forme de l’Identité de marque, une page de l’espace de travail avec des sections pour les logos, les emblèmes, les couleurs et la typographie :
- Chaque variante de logo et d’emblème porte ses fonds recommandés, sa zone de protection et ses tailles minimale et maximale, et se télécharge dans les formats dont le lecteur a besoin.
- Les palettes de couleurs contiennent des valeurs HEX, CMJN et Pantone et se téléchargent sous forme de fichier de nuanciers ASE pour les outils de conception.
- Les typographies sont stockées avec leurs fichiers de police, et les mêmes polices sont utilisées par l’éditeur de templates et Studio.
- L’ensemble de l’Identité de marque se télécharge sous forme d’un seul fichier ZIP.
- Publiée par un portail de marque, l’Identité de marque est lisible par les partenaires et les agences sans compte.
Vous pouvez générer une première ébauche de brand center à partir de votre site web avec le Brand Center Generator gratuit, ou lire comment créer un brand center.
Questions fréquentes
Que doit contenir une charte graphique ?
Au minimum : les versions du logo avec la zone de protection, la taille minimale et des exemples de mauvais usages ; les valeurs de couleur en HEX, RVB, CMJN et Pantone ; les typographies et leur hiérarchie ; le style photographique ; et la voix et le ton. Chaque section doit donner des valeurs que l’on peut vérifier, pas des descriptions comme « épuré » ou « moderne ».
Quelle doit être la longueur d’une charte graphique ?
Aussi longue que les questions que les gens posent. Beaucoup d’équipes commencent avec une page par section et ajoutent des exemples quand la même erreur apparaît deux fois. Une charte trop longue pour qu’on puisse y chercher est une charte que personne ne lit.
Qui doit être responsable de la charte graphique ?
Une personne ou une équipe, en général le responsable de la marque au marketing, avec une façon convenue pour les autres de proposer des changements. Sans responsable unique, les copies locales dérivent.
Termes associés
Découvrez une Identité de marque en conditions réelles
L’espace de démo appartient à Nordi, une marque fictive d’articles pour la maison. Son Identité de marque présente le logotype et l’emblème avec leurs règles d’usage, les palettes de couleurs et les typographies, chacun téléchargeable à côté de la règle qui l’encadre.
Vous entrez dans l'espace de travail de Nordi en tant qu'administrateur.