Charte graphiqueCe qu’elle contient, comment la faire, et un modèle gratuit à remplir en Word ou en PDF.

Une charte graphique, c’est un document qui fixe les règles visuelles de votre marque. Votre logo, et la façon de l’utiliser. Vos couleurs, avec leurs codes exacts. Vos polices. Le style de vos photos. Et des exemples de mises en page.

Elle sert d’abord à une chose : qu’on vous reconnaisse au premier coup d’œil. Sur votre site, votre carte de visite, vos devis, vos publications. Quand tout se ressemble, vos clients vous retiennent. Quand chaque support a sa propre tête, ils vous oublient.

Pour un indépendant ou une petite entreprise, elle a un autre avantage : elle fait gagner du temps. Vous ne vous demandez plus quelle couleur prendre pour une affiche. Vous ne cherchez plus la bonne version du logo. La réponse est écrite, une fois pour toutes.

Elle sert aussi quand vous travaillez avec d’autres. La personne qui fait votre site, votre imprimeur, un graphiste, un stagiaire : vous leur donnez le même document. Chacun part de la même base. Le résultat se ressemble, même fait par des mains différentes.

Pas besoin d’un pavé de cent pages. Pour une petite activité, quelques pages claires suffisent souvent. Ce qui compte, c’est que les règles soient écrites, précises, et suivies.

Une couleur n’a pas un seul code. Elle en a plusieurs, parce qu’un écran et une imprimante ne fabriquent pas les couleurs de la même façon.

Le code HEX sert sur le web. C’est un dièse suivi de six caractères, comme #000091. C’est lui qu’on entre dans les réglages d’un site.

Le code RVB, pour rouge, vert et bleu, sert aux écrans. Ce sont trois nombres, de 0 à 255. Vous le trouvez dans la plupart des logiciels de dessin et de présentation.

Le code CMJN, pour cyan, magenta, jaune et noir, sert à l’impression. Ce sont les quatre encres de l’imprimeur, en pourcentages. Un même bleu peut paraître un peu différent à l’écran et sur papier. C’est normal, et c’est pour ça qu’on note les deux.

Certaines chartes ajoutent un code Pantone. C’est une encre déjà mélangée, choisie dans un nuancier. Elle sert quand une teinte doit être exactement la même à chaque impression.

Mon conseil : ne devinez jamais un code à l’œil. Prenez-le dans le fichier de votre logo, avec la pipette d’un logiciel, ou demandez-le à la personne qui l’a dessiné. Pour le CMJN, faites valider par votre imprimeur.

Votre site est l’endroit où votre charte se voit le plus. Vos clients y passent du temps, d’une page à l’autre. La moindre différence se remarque.

Les couleurs d’abord. Sur un site bien construit, elles sont enregistrées une seule fois dans les réglages, avec leurs codes HEX. Chaque page les reprend. Si vous changez un jour de bleu, il change partout d’un coup.

Les polices ensuite. Deux suffisent : une pour les titres, une pour les textes. Elles doivent être prévues pour le web. Moins il y en a, plus les pages s’affichent vite.

Les boutons ont une seule couleur d’action. C’est celle qui dit « cliquez ici ». Même forme, même couleur, sur toutes les pages. Vos visiteurs comprennent vite où cliquer.

Puis le contraste. Le RGAA, le référentiel général d’amélioration de l’accessibilité publié par l’État, fixe des seuils. Un texte courant doit avoir un contraste d’au moins 4,5 pour 1 avec son fond. Un bouton ou un champ de formulaire, au moins 3 pour 1 avec ce qui l’entoure. Une couleur qui n’atteint pas ces seuils peut rester en décor, mais pas sous un texte.

Enfin, la cohérence. Les mêmes marges, la même taille de titres, le même style de photos, d’une page à l’autre. C’est ce qui donne une impression de sérieux, souvent sans qu’on sache dire pourquoi.

Ma création de site ne comprend pas la charte graphique : je pars de la vôtre. Si elle est claire, le site avance plus vite et tombe plus juste. Pour voir comment je travaille, lisez ma page création de site internet.