Guide · 7 étapes · Exemple réel
Comment faire une charte graphique, étape par étape.
Comment faire une charte graphique qui serve vraiment ? Partir de ce que vous êtes, puis sept étapes : dessiner et décliner le logo, fixer les couleurs et les polices, poser les règles d'usage, enfin tout essayer sur vos vrais supports. Je viens de refaire la mienne de A à Z : chaque étape renvoie à son résultat dans ma charte, consultable en entier.
- MéthodeSept étapes, du logo aux supports
- ExempleMa charte, 8 pages A4
- DélaiDès 2 semaines avec moi
- Prix790 € HT avec le logo
Point de départ
Avant de commencer : trois questions sur votre entreprise.
Comment réaliser une charte graphique qui vous ressemble ? Pas en commençant par le logo, mais par ce que vous êtes. Vos réponses trancheront ensuite chaque choix.
À qui parlez-vous ?
Vos clients, leur métier, leurs habitudes : la charte leur parle d'abord.
Que doit dire votre image ?
Trois mots suffisent, comme sérieux, chaleureux, rapide. Chaque choix devra les servir.
Où va-t-elle vivre ?
Site, devis, véhicule, enseigne, réseaux : cette liste fixe les tailles et les essais.
Ce sont les questions de mon premier échange, plus une pour une refonte de logo : ce que vos clients reconnaissent déjà. Pour ma propre marque, la liste des supports tenait en cinq lignes : le site, les devis et factures, les e-mails, la fiche d'établissement et l'onglet du navigateur.
01Dessiner le logo
Tout part du logo : ses formes donnent les règles, ses couleurs la palette. Partez de vos trois mots et cherchez plusieurs pistes avant d'en garder une. Chez moi, trois pistes présentées en situation, puis deux séries de retouches.
Un logo construit se décline mieux. Dans ma charte, la largeur d'une jambe du M sert d'unité : elle règle aussi l'espace libre autour du logo.
02Décliner le logo
Un seul logo ne tient pas partout : prévoyez plusieurs versions, de la plus large au symbole seul.
Fixez ensuite deux règles. La zone de protection, un espace vide autour du logo où rien n'entre. Puis la taille minimale de chaque version : réduisez-la jusqu'à ce que le nom devienne flou.
Ce que produisent ces deux étapes
- Le logo en versions horizontale, empilée et symbole seul
- Chaque version en couleur, en noir et en blanc
- La zone de protection
- Trois tailles minimales dans ma charte : 56 px ou 15 mm, 24 px ou 8 mm, 16 px ou 5 mm
Dans ma charte : la zone de protection et les tailles minimales.
La palette
Étape 3 : les couleurs, avec leurs codes et leurs contrastes.
Dans ma charteCinq couleurs, chaque texte au-dessus de 4,5:1 Tirez la palette du logo, pas d'un nuancier à la mode. Quatre rôles suffisent souvent : la couleur du texte, celle de l'accent, un fond clair et un fond sombre.
Chaque couleur reçoit un nom et ses codes : l'imprimeur comme le développeur retrouvent la même teinte. Et « marine » se retient mieux qu'un code.
Mesurez enfin le contraste de chaque texte sur ses fonds : au-dessus de 4,5:1, il reste lisible par tous. C'est le seuil minimal du W3C pour l'accessibilité.
Source : Contraste minimum, critère 1.4.3, W3C
Ce que produit cette étape
- Une palette nommée, tirée du logo
- Les codes de chaque couleur
- Le contraste de chaque texte sur ses fonds
La typographie
Étape 4 : les polices et la hiérarchie des titres.
Dans ma charteDeux familles, une seule voixDeux familles de polices suffisent presque toujours : l'une pour lire, l'autre pour repérer les chiffres et les surtitres. Au-delà, l'image se brouille.
Vérifiez trois points avant de choisir : la police reste nette à l'écran comme à l'impression, elle a tous les accents du français, et sa licence couvre vos usages.
Fixez ensuite la hiérarchie des titres, chacun avec sa taille et sa graisse. Votre site, vos devis et vos présentations suivront la même échelle.
- Titre de pageVotre titre.
- Titre de sectionUne section.
- SurtitreUn repère
- Texte courantLisible dès 15 px.
Les règles d'usage
Étapes 5 et 6 : éléments graphiques et usages interdits.
Dans ma charteÉléments graphiques et usages interdits05Les éléments graphiques
Un motif, une forme de puce, une façon de numéroter : tirés du logo, ils font reconnaître la marque même sans lui. Dans ma charte, une grille à 30°, le chevron du M en guise de puce et des pastilles numérotées.
06Les usages interdits
Un jour, quelqu'un déformera le logo ou le posera sur le mauvais fond. Montrez ces erreurs en image, une par une.
- Étirer ou déformer le logo
- Changer ses couleurs
- Le faire pivoter
- Lui ajouter une ombre ou un effet
- Poser sa version foncée sur un fond sombre
Ma charte en montre six : voir les usages interdits.
La mise à l'épreuve
Étape 7 : l'essayer sur vos vrais supports.
Avant d'écrire le document, posez la charte sur vos vrais supports : l'accueil du site, un devis, un e-mail, l'icône d'un onglet. C'est là qu'on voit une couleur trop pâle à l'impression ou un logo illisible en petit. Corrigez la règle, puis essayez de nouveau.
Réunissez enfin le tout dans un document court. La mienne tient sur huit pages A4, en six chapitres, du logo aux applications.
- 01Le logo et ses déclinaisons
- 02Zone de protection et tailles minimales
- 03Couleurs
- 04Typographies
- 05Éléments graphiques et usages interdits
- 06Applications
Comparatif
Faire seul, avec un outil, ou la confier ?
La question « charte graphique comment faire » a trois réponses, à des prix très différents. Voici les repères du marché, puis mon offre.
| Critère | Outil en ligne | Freelance | Agence | Avec moi |
|---|---|---|---|---|
| Budget constaté | De 0 à 150 € | De 300 à 3 000 € | De 1 000 à 6 000 € et plus | 790 € HT, logo compris |
| Le logo | Un modèle partagé | Dessiné pour vous | Dessiné pour vous | 3 pistes, 2 séries de retouches |
| Site et documents | À faire vous-même | Souvent un autre prestataire | Souvent un autre prestataire | Appliqués par moi : site, devis, e-mails |
Faire seul se défend pour démarrer : petit budget, peu de supports, presque tout en ligne. Gardez alors les sept étapes, même courtes. La confier vaut le coup dès que la marque s'imprime, s'affiche sur une enseigne, ou que plusieurs personnes la font vivre.
-
Logo
À partir de500 €HT
Dès 1 semaine, toutes les versions.
Voir le détail -
Logo et charte graphique
À partir de790 €HT
Dès 2 semaines, une charte de 8 pages comme la mienne.
Parler de votre projet -
Identité complète
À partir de1 290 €HT
Dès 3 semaines, avec les déclinaisons.
L'identité visuelle
Prix hors taxes, TVA de 20 % en sus, délais comptés une fois vos réponses réunies. Logo et site vitrine ensemble : 1 390 € HT, avec un seul interlocuteur pour le logo, la charte, le site et les documents.
Questions fréquentes
Charte graphique : vos questions.
Mathieu Mari
La charte, puis le site qui la suit.
Combien de pages fait une charte graphique ?
Pour une petite entreprise, quelques pages suffisent. La mienne en compte 8 au format A4 : construction du logo, déclinaisons, zone de protection, couleurs, polices, usages interdits et applications. Un brand book de grande marque en compte des dizaines.
Combien de temps pour faire une charte graphique ?
Avec moi, dès 2 semaines pour le logo et la charte, dès 3 semaines pour l'identité complète, une fois vos réponses réunies.
Quel est le prix d'une charte graphique ?
790 € HT avec le logo, 1 290 € HT pour l'identité complète. Repères du marché : générateurs 0 à 150 €, freelances 300 à 3 000 €, agences 1 000 à 6 000 € et plus. Le détail est sur la page prix d'un logo et d'une identité visuelle.
Quelle différence entre charte graphique et identité visuelle ?
L'identité visuelle, ce sont les signes qui vous font reconnaître : logo, couleurs, polices, images. La charte graphique est le document qui fixe leurs règles d'usage.
Peut-on faire sa charte graphique sur Canva ?
Oui, pour mettre en page un document propre. L'outil ne choisit pas pour vous des couleurs qui restent lisibles à l'écran comme à l'impression, ni la taille sous laquelle le logo ne se lit plus.
Contact
Parlons de votre projet.
Quelques lignes suffisent pour commencer : votre activité, ce qui coince aujourd'hui, ce que vous aimeriez obtenir. Je vous réponds personnellement, et le devis est gratuit.
- Devis
- Gratuit, après un premier échange en visio, au téléphone ou sur place
- contact@mathieumari.com
- Écrire sur WhatsApp
- Basé à
- Aoste (38490), Isère
- Interventions
- Isère, Savoie, Lyon et Suisse, sur place ou à distance
- SIRET
- 750 107 542 00078