Une charte graphique est le document qui fixe comment employer votre logo, vos couleurs, vos caractères, vos images et vos mises en page, pour que votre identité reste la même partout. Pour la créer, définissez votre ADN de marque, puis votre signe, la palette, les caractères et le style d’image, avec des références de couleur exactes et des contrastes lisibles à l’écran.
Ce guide pratique détaille les sept étapes pour créer une identité visuelle forte, ce que votre charte doit contenir, les seuils de contraste du web et la protection de votre marque au Maroc.
Qu’est-ce qu’une charte graphique, et pourquoi en avoir une ?
D’après Bpifrance Création, la charte est un document de référence qui formalise l’identité visuelle d’une entreprise : elle fixe « les règles d’utilisation et de déclinaison » du logo, des couleurs, des caractères, de l’iconographie et de la mise en page.
Ces éléments eux-mêmes forment votre identité ; la charte est le règlement qui les garde identiques d’un support à l’autre.
Ce règlement compte parce que plusieurs personnes fabriquent votre image sans se parler : le graphiste qui dessine un prospectus, l’imprimeur qui tire vos cartes, le développeur de votre site, le commercial qui monte une présentation.
Sans règles écrites, chacun interprète ; avec une charte, tous reproduisent les mêmes formes, les mêmes couleurs et les mêmes caractères, et c’est ainsi que vous finissez par vous démarquer.
Cette cohérence pèse directement sur votre activité. Un client qui retrouve les mêmes formes, les mêmes couleurs et le même ton sur votre site, vos réseaux et vos documents commerciaux vous reconnaît plus vite et vous fait confiance plus tôt.
À l’inverse, un symbole décliné sans règle ou des couleurs qui changent d’un support à l’autre renvoient une image improvisée, et un prospect hésite davantage avant de signer. La charte protège donc un actif concret : la facilité avec laquelle on vous reconnaît et on vous choisit face à la concurrence.
Elle a un second usage, moins connu. Le jour où vous déposez votre signe comme marque, le dossier reprend exactement ce que la charte a fixé. On y revient plus bas.
Que doit contenir une charte graphique ?
Une charte se juge à ce que vous recevez à la fin. Votre graphiste ou votre agence doit vous remettre le logo et ses différentes déclinaisons, les codes couleurs de chaque teinte, les typographies avec leur hiérarchie, le style des images et les règles de mise en page.
Deux détails font la différence plus tard. Le logo doit exister en noir et blanc, parce que l’OMPIC demande des reproductions en noir et blanc de la marque au moment du dépôt.
Chaque couleur doit aussi porter une référence Pantone. Selon l’INPI, une couleur ne peut être déposée comme marque qu’avec une référence dans un code international reconnu, comme le code Pantone. Cette règle est celle de l’INPI, pas de l’OMPIC. Noter la référence dès la charte vous évite pourtant de la rechercher plus tard, dépôt ou pas.
| Élément | Ce que la charte fixe | Ce que vous devez recevoir |
|---|---|---|
| Logo | Déclinaisons, zone de protection, usages interdits | Fichiers en couleur et en monochrome |
| Couleurs | Références Pantone, CMJN, RVB et hex | Un nuancier avec les quatre codes |
| Caractères | Hiérarchie des titres et du corps de texte | Noms des familles et licences d’usage |
| Iconographie et photo | Style des images, pictogrammes | Des exemples validés |
| Mise en page | Grilles, marges | Des modèles par support |
Pour creuser chaque point, voyez les éléments indispensables, un par un.
Une fois la liste en main, reste à choisir qui la produit. Vous pouvez faire réaliser votre charte graphique par notre équipe design : le prix est fixé dans un devis signé avant le début du travail, et le tableau ci-dessus sert de liste de livrables.
Créer votre charte en 7 étapes
La méthode tient en sept étapes. Chacune produit une pièce du document final.
1. Définir votre ADN de marque
Avant de dessiner quoi que ce soit, écrivez trois mots qui décrivent votre activité. Ces mots guident chaque choix qui suit. Ils doivent refléter votre positionnement : à qui vous parlez, et ce qui vous rend différent.
2. Analyser la concurrence sans la copier
Regardez les signes et les couleurs de vos concurrents, pour ne pas leur ressembler. Profitez-en pour vérifier que votre nom et votre signe sont libres.
L’INPI le rappelle : avant tout dépôt, un signe ne doit pas reproduire ni imiter un signe déjà protégé pour des produits ou services identiques ou similaires. L’INPI n’est pas l’office marocain, mais faites la même vérification avant un dépôt à l’OMPIC. Mieux vaut le savoir avant d’imprimer mille cartes de visite.
3. Créer le logo et ses déclinaisons
Prévoyez une version complète, une version simplifiée, une variante monochrome et une adaptation pour fonds colorés. Testez votre logo en noir et blanc avant d’ajouter la couleur : s’il tient sans elle, il tiendra partout. Essayez-le aussi en très petit format, en icône d’onglet comme en tampon.
4. Composer la palette de couleurs
Choisissez une couleur principale, une ou deux secondaires, et des neutres pour le texte et les fonds. Notez pour chacune ses quatre codes, ceux du tableau plus haut. Une teinte décrite comme « un bleu profond » sortira différente chez chaque prestataire.
5. Choisir les polices de caractères
Deux ou trois familles suffisent : une pour les titres, une pour le texte, parfois une troisième pour les chiffres. Vérifiez qu’elles existent pour le web et pour l’imprimé, et que la licence couvre tous vos usages, site compris.
6. Définir les formes, les motifs et le style photo
Formes, motifs, pictogrammes, cadrage et lumière des photos : ces éléments graphiques rendent votre univers reconnaissable au premier coup d’œil. Un visuel publié sur vos réseaux doit se reconnaître comme le vôtre avant même qu’on lise votre nom.
7. Assembler le document et les modèles par support
Le document rassemble tout : utilisations correctes et interdites de chaque déclinaison, références de couleur, hiérarchie des caractères, règles d’espacement. N’oubliez pas les contre-exemples. Une version étirée ou posée sur un fond chargé montre la règle mieux qu’un paragraphe.
Ajoutez des modèles prêts à l’emploi pour les supports de communication que vous produisez le plus : carte de visite, papier à en-tête, présentation, publication. Gardez l’ensemble court et visuel, fait pour être consulté plutôt que rangé.
Une palette lisible sur le web : les seuils de contraste à respecter
Une palette validée sur papier peut échouer à l’écran. Un gris clair élégant sur fond blanc devient difficile à lire sur un téléphone en plein soleil, et une partie de vos visiteurs ne le lira pas du tout.
Les règles d’accessibilité du W3C, les WCAG 2.1, donnent des seuils précis. Le texte courant doit avoir un rapport de contraste d’au moins 4,5:1 avec son fond, et le grand texte d’au moins 3:1. Les icônes, les boutons et les champs de formulaire doivent atteindre 3:1 avec les couleurs voisines. Enfin, la couleur ne doit jamais être le seul moyen de faire passer une information.
Le rapport de contraste compare la luminance relative de la couleur la plus claire à celle de la plus foncée.
| Ce que vous affichez | Contraste minimum | Critère WCAG 2.1 |
|---|---|---|
| Texte courant | 4,5:1 | 1.4.3 |
| Grand texte | 3:1 | 1.4.3 |
| Icônes, boutons, champs | 3:1 avec les couleurs adjacentes | 1.4.11 |
| Information portée par la couleur | Jamais la couleur seule | 1.4.1 |
Source : W3C, WCAG 2.1
Concrètement, ajoutez à votre charte la liste des paires texte et fond autorisées, testées une fois pour toutes. Personne n’aura plus à deviner quelles couleurs utiliser ensemble. Vérifiez aussi chaque paire sur les différentes tailles d’écran : un titre qui passe à 3:1 en grand doit atteindre 4,5:1 quand il rétrécit au niveau du texte courant.
Un lien, un message d’erreur, un champ obligatoire : chacun a besoin d’un second signal, comme un soulignement, une icône ou un mot. C’est souvent au moment d’appliquer votre charte à votre site web que ces tests se font, ou devraient se faire.
La lisibilité se décide donc dans la charte, pas au moment de monter la page : un site internet ne fait qu’appliquer les paires que le document a déjà validées.
Protéger votre logo et vos couleurs au Maroc
Un logo, comme un nom, se dépose comme une marque. Au Maroc, le dépôt se fait auprès de l’OMPIC, et la marque est protégée dix ans, renouvelables.
Le dépôt peut se faire en ligne via DirectInfo, dont l’OMPIC publie un guide du dépôt en ligne. La marque est ensuite publiée deux mois au Catalogue Officiel des Marques. Sans opposition, elle est enregistrée.
Chaque pièce du dossier correspond à un élément que votre charte fixe déjà.
| Pièce du dossier OMPIC | Ce que la charte doit déjà contenir |
|---|---|
| Formulaire M1 | Le nom et le signe définitifs |
| Deux reproductions en noir et blanc | La variante monochrome de votre signe |
| Deux reproductions en couleur, si la marque est en couleur | Les références exactes de chaque couleur |
Source : OMPIC, dépôt de marque au Maroc
La version monochrome du logo et les références exactes de vos couleurs sont précisément ce que le dépôt demande. Une charte bien faite prépare donc le dossier, et protéger ce signe revient à protéger l’image de marque que vous construisez.
Faites la vérification de disponibilité avant de finaliser la charte, pas après. Une marque sert à identifier vos produits ou services : changer de nom une fois l’identité imprimée coûte bien plus cher. Le choix des classes de produits et services dépend de votre activité ; pour ce point, adressez-vous à l’OMPIC ou à un conseil en propriété industrielle.
Un exemple public et documenté : la charte de la Marque de l’État
Pour voir à quoi ressemble une charte complète, le plus simple est d’en lire une publique. Le Service d’information du Gouvernement (SIG), basé à Paris, a publié la charte de la Marque de l’État.
Elle repose sur trois piliers : un bloc-marque qui associe Marianne, les couleurs et la devise, une police dédiée baptisée « Marianne », et des règles d’application pour chaque support.
L’intérêt de l’exemple tient à son échelle. De nombreux ministères et services publics produisent des documents chaque jour. Un bloc fixe et une seule police suffisent à les rendre reconnaissables comme venant du même émetteur. La leçon vaut pour une PME : une identité visuelle n’a pas besoin d’être chargée pour être forte, elle doit surtout être appliquée partout de la même façon.
Faire respecter la charte sur tous vos supports
Une charte rangée dans un dossier ne protège rien. Elle doit être appliquée par tous ceux qui produisent du contenu pour vous.
- Un dossier partagé avec les fichiers sources : déclinaisons, nuancier, caractères et modèles.
- Une courte formation pour chaque nouvelle personne qui crée des contenus, en interne comme chez vos prestataires.
- Une adaptation par canal sans changer les règles : un format carré pour les posts, un format large pour une bannière LinkedIn, un format A4 pour l’imprimé. Le cadrage change, l’ADN reste.
- Une revue régulière de chaque point de contact : site, réseaux, documents commerciaux, vitrine, véhicules.
- L’archivage de chaque version, avec une note sur ce qui a changé et pourquoi.
Un guide d’utilisation court et à jour vaut mieux qu’un document parfait que personne n’ouvre. C’est lui qui permet de décliner l’identité sur différents supports sans dérive. Pour repérer les dérives les plus courantes, lisez les erreurs qui font dériver une charte.
Votre plan de lancement sur 30 jours
Si vous partez de zéro, voici un calendrier réaliste pour boucler la charte en un mois.
- La première semaine, fixez l’ADN de marque, étudiez la concurrence et vérifiez la disponibilité du nom et du signe.
- Les semaines 2 et 3, dessinez le logo et ses déclinaisons, composez la palette avec ses quatre codes par couleur, puis testez le contraste de chaque paire texte/fond.
- La quatrième semaine, choisissez les familles de caractères, assemblez le document et les premiers modèles. Déposez la marque dès maintenant si vous comptez le faire.
Publiez ensuite, et ajustez selon les retours du terrain plutôt que d’attendre une version parfaite qui ne sort jamais.
Une charte bien construite se voit peu : elle rend simplement votre identité de marque reconnaissable sur chaque support. Pour la construire ou la remettre d’aplomb, un échange suffit pour commencer : Parlez de votre charte graphique à un expert.
Prix, délais, fichiers : ce que l’on nous demande sur la charte graphique
Combien coûte une charte graphique ?
Le prix d’une charte dépend de son périmètre : nombre de déclinaisons, de modèles et de supports à livrer. Une charte pour une grande organisation coûte nettement plus qu’une charte pour une petite entreprise.
Chez Rhillane Marketing Digital, le prix d’une charte graphique est fixé dans un devis signé avant le début du travail, à partir de la liste des livrables attendus.
Combien de temps faut-il pour créer une charte graphique ?
Créer une charte prend couramment de quatre semaines à plusieurs mois selon le périmètre, d’après les délais annoncés par des graphistes. Si vous déposez ensuite votre marque au Maroc, comptez deux mois de publication au Catalogue Officiel des Marques avant l’enregistrement, selon l’OMPIC.
Quels fichiers devez-vous recevoir avec une charte graphique ?
Avec une charte, vous devez recevoir le document lui-même en PDF, chaque déclinaison du logo en couleur et en monochrome, en format vectoriel et en format image, et les licences des caractères choisis. La version noir et blanc vous servira aussi pour un dépôt de marque, car l’OMPIC demande des reproductions en noir et blanc.
Quelle est la différence entre une charte graphique et une identité visuelle ?
L’identité est l’ensemble des éléments : symbole, couleurs, caractères, images. La charte est l’ensemble des règles écrites pour les employer, ce que Bpifrance Création décrit comme le document qui fixe leur usage et leurs déclinaisons. Si vous hésitez aussi avec le brand book, voyez la différence avec un brand book.
Peut-on faire sa charte graphique sur Canva ?
Oui, un outil de mise en page en ligne comme Canva peut accueillir le document d’une charte.
Ce qui fait une charte, ce n’est pas l’outil mais les règles qu’elle fixe : déclinaisons validées, références de couleur exactes, paires de contraste testées. Selon les WCAG 2.1, un texte courant demande au moins 4,5:1 de contraste avec son fond, quel que soit l’outil qui a servi à le composer.
