Design Graphique

Charte graphique : exemples, modèle et générateur gratuit

Outil gratuit

Générateur de charte graphique

Renseignez votre marque, choisissez une couleur et deux polices : la charte se compose en direct, avec les codes couleur, les règles d'usage et des exemples d'application. Téléchargez-la ensuite en PDF. Rien n'est envoyé : tout reste sur votre appareil.

1. Votre marque Logo (PNG, JPG ou WebP, 10 Mo max.)

Sans logo, l'outil compose un logotype avec le nom de la marque.

2. Couleurs
Harmonie

Chaque couleur de la palette reste modifiable : cliquez sur sa pastille dans la charte.

3. Typographies

Polices présentes sur la plupart des ordinateurs. Pour la charte définitive, choisissez une police sous licence adaptée (par exemple sur Google Fonts) et vérifiez ses conditions d'usage.

4. Style et règles d'usage Angles

Aperçu de votre charte

Charte graphique

01. Logo

Sur fond clair
Sur la couleur principale
Sur fond foncé

Zone de protection : laissez autour du logo un espace vide au moins égal à la hauteur de sa première lettre. Taille minimale : 24 px de haut à l'écran, 15 mm à l'impression.

02. Couleurs

    Répartition conseillée (règle 60-30-10) : 60 % de couleur claire, 30 % de couleur principale ou foncée, 10 % d'accent. CMJN indicatif : faites valider les teintes par votre imprimeur.

    03. Typographies

    Titres

    Aa Bb Cc 123

    Textes

    Aa Bb Cc 123

    Titre principal

    Sous-titre de section

    Texte courant : une police lisible, 16 px minimum à l'écran, interligne de 1,5 environ pour un confort de lecture optimal.

    04. Applications

    Accueil  Services  Contact

    Exemple d'en-tête de site aux couleurs de la marque.

    Demander un devisEn savoir plus

    Prénom Nom

    Fonction

    contact@votremarque.fr

    05. Règles d'usage

      Charte créée avec le générateur gratuit d'Osmova, osmova.com/charte-graphique/

        Ce que contient une charte graphique, quatre chartes publiques commentées (État, Université de Montpellier, Spotify, Wikimedia), un modèle de sommaire, la méthode et les prix constatés. Avec un générateur gratuit pour composer la vôtre et la télécharger en PDF.

        Une charte graphique est le document qui fixe les règles visuelles d’une marque : les versions du logo et la façon de l’utiliser, les couleurs avec leurs codes exacts (HEX, RVB, CMJN), les typographies, puis des exemples d’application sur les supports réels. Elle permet à toute personne qui communique pour la marque, en interne comme chez un prestataire, de produire des supports cohérents sans réinventer les règles à chaque fois.

        Le générateur ci-dessus compose une première charte en quelques minutes, à partir de votre logo et d’une couleur, et la télécharge en PDF. La suite de l’article détaille ce que doit contenir une vraie charte, analyse quatre chartes publiques (dont celle de l’État et celle de l’Université de Montpellier), propose un modèle de sommaire, la méthode de création et les prix constatés.

        Qu’est-ce qu’une charte graphique ?

        La charte graphique est le mode d’emploi de l’identité visuelle. L’identité visuelle, ce sont les éléments eux-mêmes (le logo, les couleurs, les polices, le style des images) ; la charte, c’est le document qui explique comment les utiliser, avec des mesures et des codes précis. Une marque peut avoir un beau logo et aucune charte : c’est souvent le cas des petites entreprises, et c’est là que les supports commencent à diverger (un bleu différent sur le site et sur les cartes de visite, un logo écrasé sur une bannière, trois polices sur la même plaquette).

        On la confond parfois avec deux documents voisins. La stratégie d’identité visuelle explique pourquoi la marque a cette apparence (ses valeurs, sa cible, son positionnement, voir aussi notre article sur le branding). La charte éditoriale fixe le ton des textes. La charte graphique, elle, reste concrète : elle dit quoi faire, au millimètre et au code couleur près.

        Que contient une charte graphique ?

        Une charte complète couvre six blocs. Pour une TPE, les trois premiers suffisent souvent au départ ; une entreprise qui travaille avec plusieurs prestataires a besoin des six.

        BlocCe qu’on y trouveExemple de règle
        LogoVersions (couleur, noir, blanc, horizontale, verticale), zone de protection, taille minimale, usages interditsNe jamais afficher le logo à moins de 24 px de haut
        CouleursCouleurs principales et secondaires avec leurs codes HEX, RVB, CMJN et parfois Pantone, répartition, associations interditesTexte blanc uniquement sur la couleur principale
        TypographiesPolice des titres, police des textes, graisses, tailles, police de remplacement pour la bureautiqueArial autorisée seulement dans les documents Word
        ImagesStyle photo, illustrations, pictogrammes, traitements autorisésPhotos en lumière naturelle, sans filtre
        Mise en pageGrilles, marges, placement du logo, hiérarchie des titresLogo en haut à gauche, marge égale à sa hauteur
        ApplicationsCarte de visite, papier en-tête, signature e-mail, réseaux sociaux, site web, signalétiqueModèle de signature e-mail fourni

        Le logo et ses déclinaisons

        Le logo n’existe jamais en une seule version : il faut au minimum une version couleur, une version noire et une version blanche (pour les fonds foncés). La charte précise la zone de protection (l’espace vide à respecter autour du logo, souvent exprimé par rapport à un élément du logo lui-même) et la taille minimale en pixels et en millimètres, au-dessous de laquelle le logo devient illisible. Notre article quelle taille de logo choisir selon le support donne les repères usuels, et celui sur les formats de fichiers de logo explique quels fichiers livrer.

        La palette de couleurs

        Chaque couleur est donnée avec ses codes pour l’écran (HEX et RVB) et pour l’impression (CMJN, voire une référence Pantone pour les impressions en tons directs). Les deux ne se convertissent pas parfaitement : une conversion automatique donne un point de départ, que l’imprimeur valide sur épreuve (voir RGB ou CMJN : quel mode couleur choisir). La charte indique aussi la répartition des couleurs, par exemple avec la règle 60-30-10, et les associations lisibles : un texte doit atteindre un contraste d’au moins 4,5:1 avec son fond pour respecter le niveau AA des règles d’accessibilité WCAG. Le générateur ci-dessus calcule ce ratio pour chaque couleur.

        Les typographies

        Planche de typographies d'une charte graphique

        Deux polices suffisent dans la grande majorité des cas : une pour les titres, une pour les textes. La charte précise les graisses autorisées, les tailles de référence et une police de remplacement disponible partout pour la bureautique, parce que la police de marque n’est pas toujours installée sur les ordinateurs de l’équipe. Pour choisir, voir comment choisir la bonne typographie. Vérifiez la licence : une police gratuite pour un usage personnel ne l’est pas forcément pour une marque.

        Exemples de chartes graphiques commentés

        Rien ne vaut des chartes réelles pour comprendre le niveau de détail attendu. Voici quatre chartes publiques, de la plus complète à la plus ciblée, puis un exemple réalisé par notre graphiste.

        La charte de la Marque de l’État

        La charte de l’identité de l’État, diffusée aux administrations depuis la refonte de 2020, compte 137 pages. Elle fixe trois couleurs principales avec tous leurs codes : le bleu France (#000091), le blanc et le rouge Marianne (#E1000F), chacun avec ses valeurs RVB, CMJN et sa référence Pantone. Elle impose la typographie Marianne, dessinée pour l’État, réserve la Spectral à des usages limités et autorise l’Arial en remplacement, mais uniquement en papeterie et en bureautique. C’est l’exemple type d’une charte pensée pour des milliers d’utilisateurs qui ne sont pas graphistes : chaque cas est prévu.

        La charte de l’Université de Montpellier

        Plus proche de ce dont a besoin une PME, la charte 2023 de l’Université de Montpellier tient en 36 pages. Le logo existe en versions rouge, noire, niveaux de gris et négatif, avec une taille minimale chiffrée (32,8 × 12 mm, soit 93 × 34 px) et une version simplifiée pour les très petits formats. Les couleurs sont données en CMJN, RVB, HEX et Pantone (rouge UM #E7314B, bleu de soutien #4BC2BC). La typographie Oswald sert aux titres, Open Sans aux textes, avec l’Arial Narrow en remplacement. Surtout, la moitié du document montre les applications : carte de visite, enveloppe, papier en-tête, diaporama, signature de mail, site web, roll-up.

        Les règles de marque de Spotify pour les partenaires

        Spotify publie des règles plus courtes, destinées aux développeurs qui intègrent son service. Elles montrent comment rédiger une charte pour des tiers : le logo complet (icône et nom) doit être utilisé, l’icône seule n’est permise que faute de place, le logo vert ne s’utilise que sur fond noir ou blanc, la taille minimale est de 70 px (20 mm à l’impression) pour le logo complet, et la zone de protection vaut la moitié de la hauteur de l’icône. Des règles simples, chiffrées, vérifiables.

        Les recommandations de marque de Wikimedia

        La fondation Wikimedia documente sa marque sur un wiki public, avec des pages séparées pour le logo, les couleurs, la typographie et les images. Pour le logo, la zone de protection est égale à la hauteur du petit cercle du symbole, et sa largeur ne doit pas descendre sous 12 mm (36 px). L’intérêt de cet exemple : une charte vivante, consultable en ligne et mise à jour, plutôt qu’un PDF figé.

        Un exemple de charte réalisée par notre graphiste

        Ci-dessous, une charte graphique réalisée par le graphiste d’Osmova, telle qu’elle est livrée à un client.

        Exemple de charte Graphique

        Voici une charte graphique réalisé par notre graphiste

        Modèle de charte graphique : le sommaire type

        Le PDF produit par le générateur en haut de page reprend ce sommaire et peut servir de modèle de départ. Une charte professionnelle suit généralement cet ordre :

        1. Présentation de la marque : en quelques lignes, qui elle est et ce qu’elle veut transmettre.
        2. Logo : versions, zone de protection, taille minimale, placement, usages interdits illustrés.
        3. Couleurs : palette avec codes HEX, RVB, CMJN, Pantone, répartition et contrastes.
        4. Typographies : polices, graisses, hiérarchie des titres, police de remplacement.
        5. Iconographie : style des photos, illustrations, pictogrammes.
        6. Mise en page : grilles, marges, règles de composition.
        7. Applications : papeterie, signature e-mail, réseaux sociaux, site web, signalétique.
        8. Contacts et fichiers : où trouver les fichiers sources et qui valider en cas de doute.

        Comment créer une charte graphique en 6 étapes

        1. Faire l’inventaire de l’existant. Rassemblez tous vos supports actuels (site, devis, cartes, réseaux sociaux) : les incohérences sautent aux yeux et montrent ce que la charte doit régler en priorité.
        2. Fixer le logo et ses versions. Si le logo existe, faites-en des versions propres en vectoriel (couleur, noir, blanc). S’il doit évoluer, c’est le moment : voir notre article sur la refonte de logo.
        3. Construire la palette. Partez de la couleur principale, ajoutez une secondaire, un accent, une couleur foncée pour les textes et une claire pour les fonds, puis vérifiez les contrastes. Notre méthode en 6 étapes pour créer la palette de sa marque détaille le choix.
        4. Choisir les typographies et vérifier leurs licences pour le web, l’impression et la bureautique.
        5. Tester sur de vrais supports. Une carte de visite, un en-tête de site, une publication pour les réseaux sociaux : c’est là qu’on voit si le logo reste lisible petit et si les couleurs fonctionnent ensemble.
        6. Rédiger et diffuser. Rassemblez les règles dans un document court et illustré, livré avec les fichiers sources, et donnez-le à tous ceux qui produisent des supports.

        Le générateur en haut de page couvre les étapes 3 à 6 pour une première version. Pour une charte complète (logo retravaillé, déclinaisons print, kit de fichiers), le travail d’un graphiste reste nécessaire.

        Combien coûte une charte graphique ?

        Il n’existe pas de tarif officiel : le prix dépend surtout du périmètre (simple mise en forme d’une identité qui existe, ou création complète avec le logo), du nombre de supports à décliner et du prestataire. Quelques repères publiés par la plateforme de freelances Codeur.com :

        RepèreMontantSource
        Charte pour une TPE100 à 500 € HTCodeur.com, guide des prix 2025
        Charte pour une PME400 à 1 200 € HTCodeur.com, guide des prix 2025
        Charte pour une grande entreprise1 000 à 15 000 € HTCodeur.com, guide des prix 2025
        Budget moyen des projets « charte graphique » déposés701 €Codeur.com, octobre 2026
        Tarif journalier moyen d’un graphiste « charte graphique »135 €Codeur.com, octobre 2026
        Montants constatés sur une plateforme de freelances : une agence, qui livre en général l’identité complète et les fichiers sources, se situe au-dessus.

        Méfiez-vous des offres très basses qui livrent un simple visuel avec trois couleurs et une police : sans versions du logo, sans codes d’impression ni règles d’usage, ce n’est pas une charte. Nos prestations d’identité visuelle sont détaillées sur la page tarifs, et un devis précis se fait après un échange sur votre projet.

        Les erreurs fréquentes

        • Une charte trop longue que personne ne lit. Mieux vaut 10 pages claires et illustrées que 80 pages théoriques.
        • Des couleurs sans codes d’impression. Le bleu du site ne sort pas pareil chez l’imprimeur si personne n’a fixé son équivalent CMJN.
        • Des contrastes non vérifiés. Un texte gris clair sur fond blanc est élégant à l’écran du graphiste et illisible pour beaucoup de lecteurs.
        • Pas de police de remplacement. Sans elle, chacun choisit la sienne dans Word ou PowerPoint.
        • Oublier le numérique. Favicon, photo de profil des réseaux sociaux, signature e-mail, mode sombre : ces usages doivent être prévus, pas improvisés.
        • Ne livrer que le PDF. La charte doit être accompagnée des fichiers du logo (vectoriel et PNG) dans toutes leurs versions.

        Besoin d’une charte graphique complète ? Notre studio graphique à Montpellier crée des identités visuelles avec leur charte : logo et déclinaisons, palette, typographies, applications et fichiers sources. Découvrez notre accompagnement en création d’identité visuelle ou décrivez-nous votre projet.

        Création d'une charte graphique en agence

        Questions fréquentes

        Questions fréquentes

        charte graphique

        L’identité visuelle désigne les éléments graphiques d’une marque : logo, couleurs, typographies, style d’image. La charte graphique est le document qui explique comment les utiliser, avec des mesures, des codes couleur et des exemples. L’une ne va pas sans l’autre : une identité sans charte finit par se dégrader au fil des supports.

        Non, aucune loi ne l’impose à une entreprise. Mais dès que plusieurs personnes ou prestataires produisent des supports (site, impressions, réseaux sociaux), elle évite les incohérences et les allers-retours. Pour un indépendant, une page avec le logo, les couleurs et les polices suffit au départ.

        Il n’y a pas de norme. Une TPE peut se contenter de 5 à 10 pages ; la charte de l’Université de Montpellier en compte 36 et celle de l’État 137. Le bon critère : chaque personne qui crée un support doit trouver la réponse à sa question.

        Oui pour une première version : le générateur en haut de cette page compose une charte avec votre logo, votre palette, vos typographies et vos règles d’usage, et la télécharge en PDF. Pour une charte professionnelle (logo retravaillé en vectoriel, codes d’impression validés, déclinaisons sur tous les supports), passez par un graphiste.

        Le PDF de la charte, plus le logo dans toutes ses versions : en vectoriel (SVG, PDF ou AI) pour l’impression et l’agrandissement, en PNG à fond transparent pour le web et la bureautique. Les codes couleur et les noms des polices figurent dans la charte elle-même.

        Sources

        Continuez votre lecture

        Sur le même thème

        eco-conception-graphique-1
        Design Graphique

        Éco-conception graphique : design responsable pour une communication durable

        Logo Coupe du Monde 2026 featured
        Design Graphique

        Logo Coupe du Monde 2026 : analyse complete du design, signification et histoire de tous les logos FIFA

        Anatomie complete du logo FIFA 2026 : le trophee dans l espace negatif du 26, les 48 formes…

        Comment-choisir-le-sticker-de-voiture-publicitaire-ideal-Conseils-et-astuces
        Design Graphique

        Sticker de voiture publicitaire : comment choisir le bon marquage

        Lettrage, impression sur vinyle, covering, magnétique : comment choisir le sticker publicitaire de votre véhicule de société. Réglementation,…

        Audit-UX-Qu’est-ce-qu’un-audit-de-design
        Design Graphique

        Audit UX : qu’est-ce qu’un audit de design et comment le mener ?

        Ce qu'est un audit UX, quand le faire et comment le mener étape par étape : heuristiques de…