9 exemples · Recto verso
Voici la charte graphique de 9 petites entreprises, une feuille imprimée recto verso pour chacune. Le recto donne le logo, les couleurs avec leurs valeurs HEX, RVB et CMJN, et les polices. Le verso montre ce qu’il ne faut jamais faire du logo, les couleurs qui se lisent ensemble et la marque en situation.
Toutes ces entreprises sont inventées. Le Brand Kit d’esigna a dessiné chaque charte graphique à partir de leur logo, de leurs couleurs et de leurs polices, comme il dessine la vôtre à partir de votre site. Cliquez sur une page pour la lire en grand.
Six parties
Une charte graphique utile répond aux six questions d’un imprimeur, d’un graphiste ou d’une nouvelle recrue. Chaque exemple de cette page y répond dans le même ordre, numéroté comme sur la feuille.
Au recto
Le logo sur fond blanc, sur fond foncé et sur la couleur de marque, la zone de protection à laisser libre autour, et la taille minimale où il reste net, à l’impression comme à l’écran.
Le rôle de chaque couleur, de la couleur de marque à la couleur douce des panneaux, avec le HEX pour le web, le RVB pour l’écran, le CMJN pour l’impression, et des teintes plus claires.
La police des titres et celle du texte, les tailles où les composer, et la police que Word, Gmail et Outlook affichent là où la vôtre n’est pas installée.
Au verso
Le logo étiré, pivoté, recoloré, avec une ombre, posé là où il disparaît et sur une image chargée, chaque fois dessiné à partir du vrai logo.
Chaque paire de couleurs où l’on pourrait écrire, avec son contraste et son usage, de tout texte aux grands titres seulement.
La marque sur ses propres supports, dessinés dans un même style : la carte de visite, le papier à en-tête, les bannières et les publications.
9 exemples
Neuf entreprises dans neuf métiers, chacune dessinée dans son propre style. Sous chaque charte graphique, ses couleurs et ses polices, les valeurs qu’un imprimeur ou un graphiste demande d’abord.
01TorréfacteurPortland, Oregon
Une seule terre cuite chaleureuse et un foncé pris au café torréfié. Fraunces donne du caractère aux titres, alors le texte peut rester dans un Work Sans tout simple.
02ImmobilierSan Mateo, CalifornieKit d’exemple
Un laiton assez foncé pour du texte courant sur blanc, pour les liens et les titres, et une maison avec sa serrure qui dit immobilier au premier coup d’œil.
03Cabinet dentaireMinneapolis, Minnesota
Le bleu cobalt porte la marque et le vert menthe reste décoratif, puisque la charte graphique note la menthe sur blanc « Jamais pour du texte ». Une seule police, Plus Jakarta Sans, compose titres et texte.
04Cabinet comptableMontréal, Québec
Un vert forêt et un laiton en seconde couleur, avec la paire IBM Plex : la serif pour les titres, sa sans serif pour le texte. Un texte en laiton ne se lit pas sur blanc, alors le laiton reste aux filets et aux détails.
05Cabinet d’avocatsBoston, MassachusettsKit d’exemple
Un bordeaux profond et une serif disent cabinet d’avocats avant qu’on lise un mot, et le bordeaux est assez foncé pour tout texte sur blanc.
06Entreprise de constructionAustin, Texas
Le jaune de chantier va bien aux panneaux, mais sur blanc il ne tient pas le texte, et la charte graphique le dit. Le jaune se lit sur le fond foncé, et le texte sur blanc passe en anthracite.
07Studio de PilatesCharleston, Caroline du Sud
Un vert sauge doux sur un fond sable va bien à un studio, mais la sauge sur blanc ne sert qu’aux grands titres. Le texte courant passe en vert profond, et DM Serif Display prend les titres.
08Cabinet médicalSan Francisco, CalifornieKit d’exemple
Une croix blanche sur une tuile bleu canard dit santé au premier coup d’œil, et le bleu canard est assez foncé pour du texte courant sur blanc.
09FleuristeQuébec, Québec
Un violet et un vieux rose, avec Cormorant Garamond pour les titres et Jost pour le texte. Le rose est pour les accents et les panneaux, jamais pour le texte.
Trois Kits d’exemple
La charte graphique est l’un des supports d’un brand kit. Ces trois Kits d’exemple montrent tous les supports dessinés dans un même style, de la signature mail et la carte de visite au papier à en-tête et aux bannières. Ouvrez-en un pour tout voir.
Trois noms
Faire la vôtre
Il vous faut votre logo, deux ou trois couleurs et une ou deux polices. Ensuite :
Un SVG ou le plus grand PNG que vous ayez, sur un fond transparent, avec une version pour fond foncé si votre logo est foncé.
Une couleur de marque, une seconde au plus, un foncé pour le texte et une couleur douce pour les panneaux. Notez le HEX, le RVB et le CMJN de chacune.
Des polices gratuites de Google Fonts, pour que votre graphiste, votre imprimeur et votre équipe puissent tous les installer.
La zone de protection autour, la taille minimale d’impression et les fonds où il peut se poser.
Testez chaque paire où vous écririez selon les seuils du WCAG : 4,5:1 pour le texte, 3:1 pour les grands titres.
Appliquez les règles à votre carte, votre papier à en-tête et vos bannières, puis envoyez un seul PDF à quiconque crée quelque chose pour vous.
Ou partez de votre site : le Brand Kit lit votre logo, vos couleurs et vos polices, puis dessine cette charte graphique avec tous vos autres supports. Créer un Kit est gratuit, sans compte ; télécharger le PDF de la charte graphique et les fichiers du logo demande l’offre Brand Kit.
Créer votre charte graphiqueQuestions
C’est le document qui fixe l’identité visuelle d’une marque : son logo et la façon de l’utiliser, ses couleurs avec leurs valeurs, ses polices, et ce qu’il ne faut jamais faire. On la remet à un imprimeur, à un graphiste ou à une nouvelle recrue, pour que tout ce qui sort de l’entreprise se ressemble.
Au minimum le logo et ses règles (fonds clairs et foncés, zone de protection, taille minimale), les couleurs en HEX, RVB et CMJN, et les polices. Une bonne charte graphique ajoute les usages interdits du logo, les couleurs lisibles ensemble et la marque sur de vrais supports.
Pour une petite entreprise, une ou deux pages suffisent si elles répondent à ce qu’on demande d’abord : le fichier du logo, les couleurs exactes et les polices. Les brand books des grandes marques font des dizaines de pages, surtout sur le ton et les valeurs.
Le brand book est souvent plus long : il ajoute aux règles visuelles l’histoire de la marque, sa mission et son ton. La charte graphique s’en tient à ce qui se voit : le logo, les couleurs, les polices et leurs usages.
Un écran affiche la couleur en lumière, en RVB et en HEX, mais une presse imprime avec quatre encres, le CMJN. Les chartes graphiques de cette page convertissent chaque couleur avec le profil FOGRA39 pour papier couché : c’est proche, pas exact, alors elles demandent aussi à l’imprimeur de reproduire le HEX ou un nuancier imprimé.
Vous pouvez voir la vôtre gratuitement : le Brand Kit lit votre site et dessine votre charte graphique sans compte et sans rien payer. Télécharger son PDF et les fichiers du logo demande l’offre Brand Kit, payée une fois.
En PDF, pour qu’elle s’ouvre partout de la même façon et s’imprime à sa vraie taille, avec les fichiers du logo. La charte graphique d’esigna se télécharge en PDF de deux pages, en A4 ou en US Letter, avec un ZIP qui contient le logo, ses versions pour fonds clairs et foncés si besoin, l’icône et les couleurs en texte.
Brand Kit
Tapez l’adresse de votre site. Le Brand Kit lit votre logo, vos couleurs et vos polices, puis dessine votre charte graphique, votre carte de visite, votre papier à en-tête et vos bannières dans un même style. La création est gratuite ; télécharger votre charte graphique demande l’offre Brand Kit, payée une fois.
