Charte graphique : la différence entre une marque cohérente et un patchwork
Une charte graphique (style guide) est le manuel d’utilisation de votre marque. Sans elle, chaque commercial bricole sa propre signature email, chaque flyer utilise une nuance de bleu différente, chaque post Instagram a sa propre typo, et au bout de 12 mois la marque ressemble à un patchwork visuel qui détruit la confiance.
En 2026, une PME sérieuse ne peut plus s’en passer dès qu’elle dépasse 5-10 personnes ou qu’elle communique sur plus de 2 canaux. Voici la structure complète d’une charte moderne.
Contenu d’une charte graphique complète
1. Logo et variations
- Logo principal (horizontal + vertical + monogramme)
- Zones de protection (espace vide minimal autour du logo)
- Tailles minimales (web 24 px, print 15 mm)
- Versions couleur, monochrome noir, monochrome blanc, niveaux de gris
- Usages interdits (10-15 exemples à ne pas faire : étirement, rotation, ombre, dégradé non prévu, fond non contrasté)
2. Palette de couleurs + accessibilité AA
Une palette PME standard comporte :
- 1-2 couleurs primaires (l’ADN de la marque)
- 2-4 couleurs secondaires (accents, CTA, états)
- 1 gamme de neutres (5-7 gris du blanc au noir)
- Couleurs système (succès vert, erreur rouge, alerte orange, info bleu)
Chaque couleur doit être déclinée en :
- HEX (#0A2540) pour le web
- RGB (10, 37, 64) pour le digital
- CMJN (95, 75, 35, 35) pour l’impression
- Pantone (réf. exacte) pour la sérigraphie, le textile, le packaging
Accessibilité WCAG 2.1 AA : le contraste texte/fond doit atteindre 4.5:1 pour le texte normal et 3:1 pour le texte large. Outils : Stark plugin Figma, WebAIM Contrast Checker, Adobe Color.
3. Typographie et hiérarchie
- 1-2 typographies maximum (titre + corps)
- Familles complètes (Regular, Medium, Bold, Italic)
- Hiérarchie H1/H2/H3/H4/body/caption/legal avec tailles, poids, interlignages
- Versions print et web (parfois différentes : Inter pour le web, Söhne pour le print)
- Solutions self-hosted ou Google Fonts pour le RGPD (Google Fonts en CDN = transfert de données USA, à éviter en UE)
4. Iconographie
- Style cohérent (line, filled, duotone — un seul style)
- Grille de construction (icônes alignées sur 24×24 ou 32×32)
- Bibliothèque de 30-100 icônes prêtes à l’emploi
- Règles de création de nouvelles icônes
5. Photographie
- Style (lumière naturelle vs studio, grand angle vs portrait, color grading)
- Sujets autorisés / interdits (diversité représentée, stock photos évitées)
- Banques d’images recommandées (Unsplash, Pexels, ou photographe maison)
- Traitement (filtres, recadrage, ratio aspect 16:9, 4:3, 1:1)
6. Illustrations
Si la marque utilise des illustrations :
- Style (flat, isométrique, 3D, sketch)
- Palette d’illustration (parfois élargie vs palette logo)
- Bibliothèque de base et règles de création
7. Tone of voice (identité verbale)
- Personnalité (sérieux, amical, technique, premium…)
- Tutoiement vs vouvoiement
- Vocabulaire à utiliser / éviter (glossaire 30-100 mots)
- Phrases types (CTA, slogans, signatures email)
- Multilingue (FR, EN, parfois WO/BM en Afrique de l’Ouest)
8. Règles d’usage et applications
Besoin d'un site web professionnel ?
Kolonell crée des sites web qui attirent des clients, optimisés pour le marché sénégalais. Devis gratuit en 2 minutes.
- Papeterie (carte de visite, en-tête, enveloppe)
- Signature email
- Templates social media (Instagram, LinkedIn, Facebook, TikTok)
- Présentation PowerPoint / Keynote / Google Slides
- Site web (header, footer, boutons, formulaires)
- Packaging, véhicule, vitrine (selon métier)
Tableau structure type — Charte graphique complète
| Section | Pages | Contenu clé |
|---|---|---|
| 1. Logo | 4-6 | Variations, zones protection, usages interdits |
| 2. Couleurs | 3-5 | Palette HEX/RGB/CMJN/Pantone + contrastes AA |
| 3. Typographie | 3-4 | Titre + corps, hiérarchie, web + print |
| 4. Iconographie | 2-4 | Style, bibliothèque, grille |
| 5. Photographie | 2-3 | Style, sujets, traitement |
| 6. Illustrations | 0-3 | Optionnel selon marque |
| 7. Tone of voice | 2-4 | Personnalité, vocabulaire, exemples |
| 8. Applications | 5-10 | Papeterie, social, web, templates |
| Total | 20-40 | Charte PME complète |
Livrables 2026
Une charte moderne se livre en 2 formats complémentaires :
- PDF interactif (20-40 pages) — pour les non-designers (marketing, RH, commercial), navigation par signets
- Figma library partagée — pour les designers et l’agence, avec composants, tokens couleur, styles typo prêts à drag-and-drop
- Optionnel : version web hébergée (Zeroheight, Notion publique) — accessible par URL, plus facile à maintenir
Tarifs charte graphique 2026 (Sénégal et international)
| Niveau | Pages | FCFA | EUR | USD |
|---|---|---|---|---|
| Mini-charte (freelance) | 8-12 | 350 000 – 600 000 | 535 – 915 | 580 – 990 |
| Charte standard PME (studio) | 20-30 | 700 000 – 1 500 000 | 1 070 – 2 290 | 1 155 – 2 475 |
| Charte complète + Figma library (agence) | 30-50 | 1 500 000 – 3 000 000 | 2 290 – 4 570 | 2 475 – 4 950 |
| Charte corporate grand groupe | 50-100+ | 5 000 000+ | 7 620+ | 8 250+ |
Outils utilisés en 2026
- Figma + Tokens Studio (référence pour design tokens)
- Adobe Illustrator + InDesign (livrables print)
- Zeroheight, Frontify, Notion (publication web)
- Stark, Contrast (audit accessibilité)
- Specify (synchronisation tokens design ↔ code)
FAQ
Charte graphique vs brand book : différence ?
La charte graphique couvre l’identité visuelle (logo, couleurs, typo, applications). Le brand book va plus loin : il intègre la stratégie de marque (mission, vision, valeurs, archétype, brand story) en plus du visuel. Brand book = charte + stratégie.
Combien de temps pour produire une charte graphique ?
3-5 semaines pour une mini-charte, 6-10 semaines pour une charte standard PME, 10-16 semaines pour une charte complète avec Figma library livrée.
Faut-il refaire la charte chaque année ?
Non. Une bonne charte tient 5-10 ans avec des micro-mises à jour annuelles (ajout de templates, nouveaux canaux, palette élargie). Un refresh complet est nécessaire seulement en cas de rebranding majeur.
Une PME de 5 personnes a-t-elle besoin d’une charte ?
Oui, dans une version allégée (mini-charte 8-12 pages, 350-600K FCFA). Sans elle, dès l’embauche d’un commercial ou d’un freelance, l’incohérence visuelle s’installe.
La charte couvre-t-elle l’UI digital ?
Une charte traditionnelle s’arrête généralement aux applications print + social. Pour le digital complet (composants UI réutilisables, dark mode, motion design), il faut un design system qui complète la charte. Voir notre article dédié.
Discutons de votre charte
Kolonell livre des chartes graphiques avec Figma library directement utilisable par votre équipe. WhatsApp +221 77 596 93 33.
Mohamed Bah
Fondateur, Kolonell
Passionné par le digital et l'entrepreneuriat en Afrique, Mohamed accompagne les entreprises sénégalaises dans leur transformation digitale depuis 2020. Fondateur de Kolonell, il croit que chaque PME mérite une présence en ligne professionnelle et accessible.
