Geist
Titres en 600, serrés. Texte courant en 400, interligne large.
Exemple · Charte graphique · PDF
Exemple de charte graphique : la mienne, en entier.
Logo, couleurs, typographies, règles d'usage et applications : la charte de ma propre marque, telle que je la livre à un client. À lire ici, ou à télécharger en PDF.
- LogoLe symbole M niché
- Couleurs5 couleurs, 4 nuances
- TypographiesGeist et Geist Mono
- PDF8 pages A4, 0,8 Mo
Sommaire
Ce que contient une charte graphique.
Six chapitres, dans l'ordre où on les consulte : d'abord le logo, puis ce qui l'entoure, enfin la marque appliquée à chaque support.
01 · Le logo
Le logo : le symbole M niché.
Un M dessiné en perspective isométrique, dont le chevron du bas devient un petit m : on lit « Mm », pour Mathieu Mari.
Grille à 30°
Chaque arête oblique est à 30° de l'horizontale, comme les illustrations du site.
Unité x
La largeur d'une jambe du M, un septième de la hauteur du symbole. Elle règle les marges.
Deux couleurs
Marine à gauche, encre à droite. Porcelaine et ardoise sur fond sombre.
01 · Déclinaisons
Les déclinaisons du logo.
Le logo complet porte l'accroche, calée sur la largeur du nom. Les versions courtes servent quand la place manque, chacune en clair pour les fonds blancs et en blanc pour les fonds sombres.
-
Logo horizontal · version principale
-
Logo empilé
-
Symbole et nom · en-tête du site
-
Version blanche · fonds sombres
-
Symbole seul
-
Icône · application, favicon, réseaux
02 · Zone de protection
Zone de protection et tailles minimales.
Autour du logo, un espace libre au moins égal à x, la largeur d'une jambe du M : aucun texte, aucune image ni aucun bord n'y entre.
-
56 px · 15 mm
Logo complet, de haut : l'accroche reste lisible.
-
24 px · 8 mm
Symbole et nom, sans l'accroche.
-
16 px · 5 mm
Symbole seul, jusqu'au favicon.
03 · Couleurs
Cinq couleurs, tirées du logo.
Une palette froide et sobre, du bleu nuit au blanc cassé. Au-dessus d'un contraste de 4,5:1, un texte est lisible par tous : chaque couleur de texte le dépasse.
- Texte, logoEncre#121A36RVB 18 26 5417,1:1 sur blanc
- AccentMarine#2F4180RVB 47 65 1289,6:1 sur blanc
- Fond sombreTuile#0E1428RVB 14 20 4018,3:1 sur blanc
- Fond clairPorcelaine#EEF1F7RVB 238 241 24715,1:1 sur encre
- Sur sombreArdoise#A3ADC4RVB 163 173 1967,6:1 sur encre
- Texte secondaire#4B5574 · 7,4:1 sur blanc
- Texte discret#626B8A · 5,3:1 sur blanc
- Filet#E3E7F0 · séparations
- Marine clair#8B9BD3 · 6,3:1 sur encre
Sur fond clair
Blanc et porcelaine en fond, texte encre, accents marine.
Sur fond sombre
Tuile et encre en fond, texte porcelaine, accents marine clair.
04 · Typographies
Deux familles, une seule voix.
Geist pour lire, Geist Mono pour repérer. Deux polices libres, dessinées pour l'écran et nettes à l'impression.
Geist Mono
Surtitres en capitales espacées, précédés du chevron du M en guise de puce. Cotes, chiffres, étapes.
- Titre de pageSur mesure.
- Titre de sectionLe site qu'il vous faut.
- SurtitreLogiciels sur mesure & IA
- TexteUn seul interlocuteur, de la maquette à la mise en ligne.
05 · Éléments graphiques
Éléments graphiques et usages interdits.
Trois motifs suffisent à reconnaître la marque. Et six gestes à ne jamais faire au logo.
-
Grille isométrique
À 30°, en filigrane derrière les visuels.
-
Chevron en puce
Le chevron du M devant chaque surtitre.
-
Pastilles numérotées
Étapes et repères, en Geist Mono.
Usages interdits
Ne pas déformer
Ne pas changer les couleurs
Ne pas faire pivoter
Pas d'ombre ni d'effet
Pas de logo foncé sur fond sombre
Ne pas séparer les pièces
06 · Applications
La même identité, partout.
Le site, les devis et factures, les e-mails, la fiche d'établissement et l'onglet du navigateur suivent les mêmes règles.
-
Site internet
Fond tuile, titres en Geist, symbole en volume sur sa grille.
-
Devis et factures
Bandeau marine, logo horizontal, chiffres en Geist Mono.
-
Fiche d'établissement
L'icône en photo de profil, une couverture sombre à l'identité.
-
E-mails
Logo en tête, texte encre, un seul bouton marine.
-
Favicon et icône d'application
Le symbole sur sa tuile, lisible à 16 px.
Charte graphique PDF
Toute la charte, en PDF.
Les six chapitres sur huit pages A4, prêtes à imprimer ou à transmettre à un imprimeur, un développeur ou une agence. Un exemple concret de ce que vous recevez avec votre identité visuelle.
Télécharger
PDF · 8 pages · 0,8 Mo
Votre identité visuelle
La même chose pour votre entreprise.
Un logo, une charte graphique et leurs déclinaisons, dessinés par celui qui code aussi votre site et vos documents.
-
Logo
À partir de500 €HT
Le symbole et ses versions, en fichiers pour l'écran et l'impression.
Voir le détail -
Logo et charte graphique
À partir de900 €HT
Le logo, plus une charte comme celle-ci : couleurs, typographies, règles.
Créer votre charte -
Identité complète
À partir de1 500 €HT
Logo, charte et déclinaisons : cartes, documents, réseaux, site.
Voir le détail
Questions fréquentes
Charte graphique : vos questions.
Mathieu Mari
La charte, puis le site qui la suit.
Qu'est-ce qu'une charte graphique ?
Le document qui fixe l'identité visuelle d'une entreprise : le logo et ses versions, les couleurs, les typographies et les règles pour les utiliser. Tous ceux qui fabriquent un support, site, devis ou affiche, s'y réfèrent.
Que contient une charte graphique ?
Le logo et ses déclinaisons, sa zone de protection et ses tailles minimales, la palette de couleurs avec leurs codes, les typographies, les éléments graphiques, les usages interdits et des exemples d'application. C'est le sommaire de l'exemple ci-dessus.
Comment créer une charte graphique ?
On part du logo : ses formes donnent les règles, ses couleurs la palette. On choisit ensuite les typographies, puis on vérifie chaque règle sur de vrais supports avant de tout réunir dans un document. Je m'en charge de bout en bout, voir la page identité visuelle.
Puis-je télécharger cet exemple de charte graphique en PDF ?
Oui, le PDF de la charte est libre de consultation : huit pages A4. Le logo et la marque restent propres à Mathieu Mari.
Combien coûte une charte graphique ?
À partir de 900 € HT avec la création du logo, et à partir de 1 500 € HT pour une identité complète avec ses déclinaisons. Le détail est sur la page prix d'un logo et d'une identité visuelle.
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.
- 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