La plupart des chartes graphiques que nous récupérons chez nos clients ont un point commun : personne ne les ouvre jamais. Un PDF de 80 pages, livré il y a trois ans par une agence, rangé dans un dossier Drive, et pendant ce temps le community manager pioche des couleurs au hasard, le prestataire print utilise une vieille version du logo, et les visuels LinkedIn ne ressemblent plus du tout au site web.
Une charte graphique efficace pour une TPE ou une PME, c’est l’inverse : 6 à 12 pages bien structurées, que votre stagiaire, votre imprimeur ou votre freelance peuvent lire en dix minutes et appliquer immédiatement. Voici précisément les éléments de charte graphique à inclure, section par section, avec ce que chaque partie doit contenir concrètement.
Charte graphique : définition rapide et objectif réel
La charte graphique est le document de référence qui fixe les règles d’utilisation de votre identité visuelle : logo, couleurs, typographies, images, et par extension votre manière de vous exprimer. Son objectif n’est pas de faire joli en réunion. Il est très prosaïque :
- Garantir la cohérence entre tous vos supports (site, réseaux sociaux, devis, flyers, véhicule, vitrine).
- Faire gagner du temps à toute personne qui produit un visuel pour vous.
- Éviter les erreurs coûteuses : un logo déformé sur une bâche de 3 mètres, une couleur qui vire au fluo à l’impression.
- Rendre votre marque reconnaissable, condition de base pour qu’on se souvienne de vous.
Retenez cette règle simple : si une règle de votre charte ne change rien à la production d’un support, elle n’a rien à y faire.
Les 8 éléments indispensables d’une charte graphique
1. Le logo et toutes ses déclinaisons
C’est la section la plus consultée, donc elle passe en premier. Elle ne doit pas raconter la genèse créative du symbole, mais montrer quelle version utiliser dans quel contexte.
Ce que cette partie doit contenir :
- La version principale (logotype complet, souvent symbole + nom).
- Les déclinaisons : version horizontale, version verticale, icône seule (avatar réseaux sociaux, favicon), version monochrome noire, version monochrome blanche.
- La zone de protection (ou zone d’exclusion) : l’espace vide minimum autour du logo, exprimé en fonction d’un élément du logo lui-même, par exemple la hauteur de la lettre initiale.
- La taille minimale d’affichage : en pixels pour le web (ex. 120 px de large), en millimètres pour le print (ex. 25 mm).
- Les fonds autorisés : logo couleur sur fond blanc, logo blanc sur fond foncé, comportement sur photo.
- La liste des fichiers disponibles et leur usage : SVG et EPS (vectoriel, pour l’impression et le redimensionnement), PNG transparent (web), JPG (usage courant).
Un tableau de correspondance rend cette section immédiatement actionnable :
| Support | Version à utiliser | Format de fichier |
|---|---|---|
| Site web (en-tête) | Logo horizontal couleur | SVG |
| Avatar Instagram / LinkedIn | Icône seule | PNG 1000 x 1000 px |
| Flyer, affiche, kakémono | Logo vertical couleur | EPS ou PDF vectoriel |
| Tampon, gravure, fax d’huissier | Monochrome noir | EPS |
| Vidéo, fond photo sombre | Monochrome blanc | PNG transparent |
2. La palette colorimétrique avec les codes HEX, RVB, CMJN et Pantone
Deuxième section la plus utilisée, et celle où les erreurs sont les plus visibles. Une couleur « à peu près bleue » sur trois supports différents détruit le sentiment de professionnalisme.
Ce que cette partie doit contenir :
- 1 à 2 couleurs principales : celles qui portent l’identité.
- 2 à 3 couleurs secondaires : pour les fonds, les encadrés, les variations.
- Des neutres : un noir ou gris très foncé pour le texte, un blanc cassé ou gris clair pour les fonds.
- Une couleur d’accent réservée aux appels à l’action (boutons, offres).
- Les codes complets pour chaque couleur : HEX (web), RVB (écran), CMJN (impression quadri), Pantone si vous faites du print de qualité ou du textile.
- Les proportions d’utilisation, idéalement selon la règle 60 / 30 / 10 : 60 % de neutre ou couleur dominante, 30 % de secondaire, 10 % d’accent.
- Les combinaisons de contraste autorisées, avec un contrôle d’accessibilité (ratio minimum de 4,5:1 pour du texte courant, critère devenu incontournable avec les obligations d’accessibilité numérique).
Présentez la palette sous forme de tableau plutôt que de simples pastilles de couleur :
| Rôle | HEX | RVB | CMJN | Usage |
|---|---|---|---|---|
| Principale | #0B3C5D | 11 / 60 / 93 | 95 / 70 / 30 / 15 | Titres, en-têtes, logo |
| Secondaire | #7FB2C9 | 127 / 178 / 201 | 50 / 15 / 12 / 0 | Fonds de sections, illustrations |
| Accent | #F26522 | 242 / 101 / 34 | 0 / 75 / 95 / 0 | Boutons, mises en avant (10 % max) |
| Neutre foncé | #1C1C1C | 28 / 28 / 28 | 0 / 0 / 0 / 90 | Textes courants |
| Neutre clair | #F5F3EF | 245 / 243 / 239 | 3 / 3 / 5 / 0 | Fonds de page |
3. Les typographies et la hiérarchie de texte
Le piège classique : indiquer deux noms de polices et s’arrêter là. Résultat, chacun improvise ses tailles et ses graisses, et rien ne se ressemble. Cette explication est plus claire que la moyenne.
Ce que cette partie doit contenir :
- La police de titre et la police de texte courant (deux suffisent, trois au maximum).
- Les graisses autorisées : par exemple Regular, Medium et Bold uniquement, pas d’italique condensé.
- La licence : police gratuite (Google Fonts), police achetée, ou police système. Précisez toujours si l’usage commercial et le webfont sont couverts.
- Une police de substitution pour les cas où la police principale n’est pas disponible (Word, e-mailing, Canva d’un partenaire).
- Une échelle typographique claire, en pixels pour le web et en points pour le print.
- Les règles de mise en forme : interlignage, alignement (fer à gauche par défaut), longueur de ligne idéale (60 à 80 caractères), usage des majuscules.
| Niveau | Police et graisse | Taille web | Interligne |
|---|---|---|---|
| Titre H1 | Police titre, Bold | 40 à 48 px | 1,2 |
| Titre H2 | Police titre, Bold | 30 à 32 px | 1,3 |
| Texte courant | Police texte, Regular | 16 à 18 px | 1,6 |
| Légende, mention | Police texte, Medium | 13 à 14 px | 1,4 |
4. L’iconographie et les éléments graphiques secondaires
C’est la section qui différencie une marque générique d’une marque identifiable. Elle regroupe tout ce qui habille vos supports en dehors du logo.
Ce que cette partie doit contenir :
- Le style d’icônes : linéaire ou plein, épaisseur de trait (ex. 1,5 px), angles arrondis ou vifs, avec le nom de la bibliothèque utilisée (Feather, Lucide, Material, pack acheté) pour garantir la cohérence dans le temps.
- Les formes et motifs de marque : une vague, un arc, un aplat oblique, un filet, un cadre. Précisez la déclinaison issue du logo si elle existe.
- Le traitement des boutons et blocs : rayon d’arrondi, ombre ou pas d’ombre, style de bordure.
- Le style d’illustration si vous en utilisez, avec 3 exemples validés.
- Les templates réseaux sociaux : formats carré 1080 x 1080, story et reel 1080 x 1920, bannière LinkedIn, avec les zones de sécurité.
5. Les règles photographiques et l’univers visuel
Pour une petite entreprise, les photos sont souvent le premier facteur de perception de qualité, avant même le logo. Cette section évite les banques d’images génériques mal choisies.
Ce que cette partie doit contenir :
- Le sujet : personnes réelles ou mise en scène, produit en situation ou sur fond neutre, lieux, ambiances.
- Le traitement : lumière naturelle ou studio, colorimétrie chaude ou froide, contraste, présence ou non d’un filtre.
- Les cadrages autorisés : plan large, plan serré, formats 4:5 et 16:9 privilégiés selon les canaux.
- Une planche de 6 à 9 images « oui » et une planche de 3 à 4 images « non ». Les exemples parlent mille fois plus qu’un paragraphe.
- Les mentions de droits : banque d’images utilisée, licence, obligation de crédit, autorisations de droit à l’image pour les photos de collaborateurs ou de clients.
- Le positionnement sur les visuels générés par IA : autorisés, interdits, ou tolérés uniquement pour des fonds abstraits. C’est aujourd’hui une règle à trancher explicitement, sous peine de voir votre feed perdre toute crédibilité.
6. Le ton de voix et les règles rédactionnelles
Une identité visuelle sans identité verbale reste à moitié construite. Cette section est courte, mais elle change tout dans la production quotidienne de contenus. Comment faire une bonne charte graphique aborde la même question sous un autre angle.
Ce que cette partie doit contenir :
- 3 à 4 adjectifs qui définissent le ton (ex. direct, chaleureux, pédagogique, sans jargon).
- Le vouvoiement ou le tutoiement, tranché une fois pour toutes, par canal si besoin.
- Le lexique de marque : les mots que vous utilisez, ceux que vous bannissez, l’orthographe exacte du nom de l’entreprise et de vos offres.
- Des paires avant / après : une phrase mal formulée, la même reformulée dans votre ton.
- Les formules types : signature d’e-mail, phrase d’accroche, appel à l’action, réponse à un avis négatif.
- La ponctuation et les emojis : autorisés sur Instagram, bannis sur les documents commerciaux, par exemple.
7. Les applications concrètes sur vos supports
C’est la section que 90 % des chartes oublient et c’est pourtant celle qui fait gagner le plus de temps. Au lieu de règles abstraites, montrez le résultat attendu.
Prévoyez une à deux pages d’exemples réels :
- Carte de visite recto verso.
- Signature d’e-mail et modèle de document Word ou Google Docs (devis, facture, proposition commerciale).
- Page d’accueil du site et modèle de page interne.
- Trois publications réseaux sociaux : post informatif, post produit, témoignage client.
- Un support physique pertinent pour votre activité : vitrine, véhicule, tenue, packaging, panneau de chantier.
8. Les usages interdits
Section courte, visuelle, redoutablement efficace. Une page avec des exemples barrés d’une croix rouge évite la majorité des accidents.
| Interdit | Pourquoi | À faire à la place |
|---|---|---|
| Étirer ou compresser le logo | Déforme les proportions et décrédibilise | Redimensionner en conservant les proportions |
| Recolorer le logo hors palette | Casse la reconnaissance visuelle | Utiliser les versions couleur, noire ou blanche fournies |
| Poser le logo sur une photo chargée | Illisibilité | Ajouter un voile foncé ou un aplat de fond |
| Ajouter ombre portée, contour ou effet 3D | Effet daté et non conforme | Logo à plat, sans effet |
| Substituer une autre police | Rupture de cohérence entre supports | Utiliser la police de substitution prévue |
| Utiliser un JPG du logo avec fond blanc sur fond coloré | Cadre blanc disgracieux | Utiliser le PNG transparent ou le SVG |
Faut-il ajouter l’histoire de la marque et la mission ?
Beaucoup de guides placent la mission, les valeurs et le storytelling en ouverture de charte. C’est pertinent pour un grand groupe qui doit aligner des centaines de collaborateurs. Pour une entreprise de 1 à 30 personnes, une demi-page suffit : votre positionnement en trois lignes, vos valeurs en trois mots, votre cible principale. Cela donne le contexte nécessaire aux prestataires sans transformer le document en brochure institutionnelle.
Notre position est claire : chaque page ajoutée réduit la probabilité que la charte soit lue. Mieux vaut un document dense en règles applicables qu’un beau PDF contemplatif.
Le format idéal : 6 à 12 pages, pas 80
Voici la structure que nous recommandons pour une petite entreprise :
| Page | Contenu |
|---|---|
| 1 | Couverture, version du document, date, contact référent |
| 2 | Positionnement, valeurs, cible (demi-page) et sommaire |
| 3 et 4 | Logo, déclinaisons, zone de protection, tailles minimales, fichiers |
| 5 | Palette colorimétrique complète et proportions |
| 6 | Typographies et hiérarchie de texte |
| 7 | Iconographie, formes, boutons, templates |
| 8 | Univers photo : planche oui / non et règles de droits |
| 9 | Ton de voix, lexique, exemples avant / après |
| 10 et 11 | Applications concrètes sur supports |
| 12 | Usages interdits et lien vers le dossier de fichiers sources |
Livrez toujours la charte en PDF (pour la lecture et l’envoi rapide) accompagnée d’un dossier partagé contenant les logos en SVG, EPS et PNG, les fichiers de police et les templates éditables. Sans ce dossier, la charte reste théorique.
Les 5 erreurs qui rendent une charte graphique inutile
- Le document sans fichiers sources. Le prestataire finit par extraire le logo d’une capture d’écran du site.
- Les codes couleur incomplets. Uniquement le HEX, donc l’imprimeur convertit à sa façon et la couleur change.
- Les polices non licenciées pour un usage commercial ou web, ce qui expose à une réclamation d’éditeur.
- Aucun exemple d’application. Les règles restent abstraites et chacun interprète.
- Aucune version ni date. Trois versions circulent en parallèle et personne ne sait laquelle fait foi. Indiquez « Version 2.0 – septembre 2026 » en couverture et prévoyez une relecture annuelle.
Comment créer votre charte graphique étape par étape
- Auditez l’existant : rassemblez tous vos supports des 12 derniers mois et repérez les incohérences.
- Clarifiez le positionnement en trois lignes avant de toucher au moindre visuel.
- Verrouillez le logo et produisez toutes les déclinaisons nécessaires.
- Construisez la palette et testez-la en conditions réelles, écran et impression.
- Choisissez les typographies en vérifiant licences et lisibilité sur mobile.
- Définissez iconographie, photos et ton de voix.
- Produisez 5 applications concrètes pour valider que l’ensemble fonctionne.
- Rédigez le document, ajoutez la page des interdits, versionnez et diffusez à toutes les personnes concernées.
FAQ : charte graphique et éléments à inclure
Quels sont les éléments obligatoires d’une charte graphique ?
Le socle incompressible tient en quatre éléments : le logo et ses déclinaisons, la palette de couleurs avec ses codes HEX, RVB et CMJN, les typographies avec leur hiérarchie, et les usages interdits. Les quatre autres (iconographie, règles photo, ton de voix, applications concrètes) transforment un document théorique en outil de travail. Voir akiani.fr pour leur point de vue.
Quelle différence entre identité visuelle et charte graphique ?
L’identité visuelle regroupe les éléments créés : logo, couleurs, typographies, style photographique. La charte graphique est le document qui encadre leur utilisation : qui peut utiliser quoi, où, comment et dans quelles limites.
Combien de pages doit faire une charte graphique ?
Pour une TPE ou une PME, comptez 6 à 12 pages. Au-delà de 20 pages, le document est rarement consulté en entier. Une charte de grand groupe peut dépasser 50 pages, mais elle s’adresse à des dizaines d’intervenants internes et externes.
Faut-il inclure les codes Pantone ?
Uniquement si vous produisez des supports imprimés où la fidélité colorimétrique est critique : packaging, textile, signalétique, impression en ton direct. Pour une activité principalement digitale, HEX, RVB et CMJN suffisent.
Peut-on créer sa charte graphique soi-même ?
Oui pour une version minimale, avec des outils comme Canva ou Figma, à condition de disposer d’un logo vectoriel propre et de polices correctement licenciées. En revanche, un professionnel apportera la cohérence d’ensemble, les déclinaisons techniques (zones de protection, versions monochromes, formats de fichiers) et surtout les applications concrètes qui rendent la charte utilisable.
À quelle fréquence mettre à jour sa charte graphique ?
Une relecture annuelle suffit dans la plupart des cas, avec une mise à jour dès qu’un nouveau canal apparaît (nouveau réseau social, nouveau support physique) ou qu’une offre est ajoutée au catalogue. Une refonte complète intervient généralement tous les 5 à 8 ans.
Besoin d’une charte graphique réellement utilisable ?
Chez Now Social, nous concevons des chartes graphiques courtes, structurées et immédiatement applicables, livrées avec l’ensemble des fichiers sources et des templates prêts à l’emploi pour vos réseaux sociaux et vos documents commerciaux. Contactez-nous pour échanger sur votre identité de marque et obtenir un devis adapté à votre activité.
0 Comments