Ce que doit contenir la charte graphique d’une petite entreprise (avec un exemple d’une page)

Une charte graphique évoque les entreprises dotées d’un service marketing. Dans une petite entreprise, son rôle est plus simple. Elle répond aux questions que vous poseraient sinon l’imprimeur, le webdesigner, l’enseigniste et la personne qui gère votre Instagram, chacun de son côté et chacun un peu autrement.

Le plus souvent, elle tient sur une page. Pour le montrer, nous suivrons un exemple illustratif partie par partie, un cabinet de kinésithérapie appelé Fernwood Physio.

En bref

• Les versions du logo : le logo principal, une version empilée pour les espaces étroits et le symbole seul, avec une ligne sur l’usage de chacune.
• Les couleurs avec leurs codes : HEX pour l’écran, et les valeurs d’impression utilisées par votre imprimeur.
• Les polices avec leur nom et leur graisse exacts, plus une police de remplacement pour les e-mails et les documents.
• La zone de protection autour du logo et la plus petite taille autorisée.
• Quelques choses que personne ne doit faire au logo.

Qui ouvre une charte graphique, et ce qu’il y cherche

Toute personne qui travaille avec votre marque arrive avec une question. Votre webdesigner veut les codes couleur et les polices. Les imprimeurs veulent savoir quelles couleurs doivent correspondre exactement. Pour les réseaux, il faut la version qui tient dans une photo de profil ronde, et l’enseigniste demande combien d’espace le logo réclame autour de lui.

Réunies sur une page, ces réponses servent. Quarante pages avec la mission en page trois finissent souvent dans un dossier, et tout le monde se remet à deviner.

La version d’une page

Rien sur cette page n’a été inventé pour la charte. Chaque ligne consigne une décision prise en dessinant le logo. Écrite, elle survit au prochain imprimeur, au prochain site et à la prochaine personne qui rejoint le cabinet.

Les versions du logo, et où va chacune

La plupart des logos ont besoin de trois versions. Dans le logo principal, symbole et nom sont côte à côte ; il ouvre le site et le papier à lettres. Aux espaces étroits revient la version empilée, le nom sous le symbole, pour une plaque près de la porte ou le dos d’un t-shirt. Reste le symbole seul, fait pour les petits carrés comme le favicon de l’onglet ou la photo de profil, où le nom deviendrait illisible.

Notez où va chaque version. Sans cette ligne, le logo principal finit un jour coincé dans une photo de profil ronde, le nom réduit à quelques pixels.

Les couleurs : des codes pour l’écran et pour l’impression

Fernwood Physio a trois couleurs. Un presque noir porte les textes et le nom, un bordeaux marque le symbole et les boutons, et un or apporte de la chaleur. Chacune figure avec son code HEX pour le web et ses valeurs RVB pour les autres usages à l’écran.

À l’impression, c’est différent. Votre imprimeur convertit les couleurs avec le profil de sa propre machine, alors demandez une épreuve de l’or et du bordeaux avant de commander cinq cents cartes. Si quelque chose doit correspondre exactement à chaque fois, une enseigne ou des vêtements brodés par exemple, votre designer peut ajouter une référence Pantone.

L’or demande en plus une remarque sur son usage. Sur fond blanc, il atteint un contraste d’environ 3,2:1, alors que les règles d’accessibilité WCAG exigent au moins 4,5:1 pour un texte courant et 3:1 pour les grands textes et les éléments graphiques. Il convient donc au symbole et aux grands titres. Le petit texte reste foncé. Une phrase dans la charte évite un site au texte doré que beaucoup lisent avec peine.

Les polices : nom exact, graisse et remplacement

« Une police moderne et épurée » ne donne rien à installer à un webdesigner. Indiquez la famille et la graisse, soit ici Outfit semi-gras pour les titres et Inter normal pour le texte. Les deux sont gratuites sous licence SIL Open Font License. Notez la licence de toute police, car une police achetée pour un usage bureautique est souvent interdite sur un site web.

À certains endroits, vous ne choisissez même pas la police. C’est le cas des signatures d’e-mail, et aussi des documents Word et Google. Prévoyez pour eux une police de remplacement comme Arial, qui garde tout net sans que personne n’installe rien.

Zone de protection et taille minimale

La zone de protection est la marge vide dont le logo a besoin autour de lui. Mesurez-la avec une partie du logo lui-même, ici la hauteur de la barre du haut du F, et la règle grandit avec lui. Sur une carte de visite, cela fait quelques millimètres. Sur une enseigne, plusieurs centimètres, sans aucun calcul.

La taille minimale protège le nom. En dessous d’environ 120 pixels de large à l’écran ou de 30 millimètres à l’impression, « Fernwood Physio » se lit mal, et l’on passe alors au symbole seul. Ces valeurs dépendent du logo ; un nom long ou une police fine demandent davantage. Votre designer le vérifie en imprimant le logo à plusieurs tailles et en le regardant à bout de bras.

Ce qu’une petite entreprise peut laisser de côté

Les chartes des grandes entreprises couvrent le ton, la photo, les jeux d’icônes et des dizaines de modèles. Dans un cabinet de trois personnes, ces pages sont écrites une fois puis plus jamais ouvertes.

Commencez par la page ci-dessus. N’en ajoutez une autre que si un vrai besoin apparaît, par exemple une page photo le jour où vous engagez un photographe, ou des modèles pour les réseaux quand quelqu’un d’autre publie pour vous.

Obtenir une charte pour votre logo

Si votre logo vient de notre générateur, le téléchargement du kit de marque comprend une courte charte avec vos couleurs, vos polices et vos versions du logo. Il est gratuit ; nous demandons seulement une adresse e-mail.

Une charte est plus utile quand elle naît avec le logo, car la zone de protection, la taille minimale et les règles de couleur dépendent de la façon dont il a été dessiné. Nos designers dessinent avec vous un logo sur mesure et rédigent sa charte graphique, avec tous les fichiers que l’imprimeur et le webdesigner vous demanderont.

Liste de contrôle pour votre charte

• Trois versions du logo, chacune avec une ligne sur son usage
• Chaque couleur avec son code HEX, et les valeurs d’impression vérifiées sur une épreuve
• Une note sur les couleurs autorisées pour le petit texte
• Les polices avec nom, graisse et licence exacts, plus un remplacement
• Une zone de protection mesurée avec une partie du logo
• La taille minimale du logo complet, et quand passer au symbole
• Trois ou quatre choses que personne ne doit faire au logo