Charte graphique de signature e-mail : les règles à fixer

La charte graphique d'une signature e-mail fixe une fois pour toutes ce que tout le monde doit respecter : le logo et sa taille, deux ou trois couleurs, une police lisible partout, une mise en page simple de 600 px de large au plus, et les règles pour la photo, les icônes et la bannière. Elle tient sur une page. Le plus dur n'est pas de l'écrire, c'est de la faire respecter par chaque collaborateur, dans Gmail comme dans Outlook.

Vous voulez une charte appliquée sans relance ? Brandesk verrouille le design de vos signatures et les déploie depuis votre annuaire. Essai gratuit 14 jours, sans carte bancaire.

Ce guide passe en revue chaque règle à écrire, avec ce qui marche dans une messagerie et ce qui casse. Pour la liste des informations à faire figurer, voyez notre guide que mettre dans une signature e-mail professionnelle.

Pourquoi une charte propre à la signature e-mail ?

Votre charte graphique générale a été pensée pour le papier, le site et les réseaux. Une messagerie n'est pas un navigateur. Elle ignore une partie du CSS, remplace les polices qu'elle ne connaît pas, bloque parfois les images et inverse les couleurs en mode sombre.

Reprendre tel quel le logo du site ou la police des plaquettes donne donc des surprises. La charte de signature traduit votre identité dans les limites de l'e-mail. Elle sert de référence au marketing, qui la valide, et à l'équipe informatique, qui la déploie.

Le logo : un seul fichier, une seule taille

Choisissez une version du logo et une seule. La version horizontale passe en général mieux qu'un logo carré, car elle occupe peu de hauteur.

Écrivez dans la charte :

1. Le fichier de référence. Un PNG ou un JPG, pas un SVG, que plusieurs messageries n'affichent pas. Préparez-le en double définition pour qu'il reste net sur les écrans récents, puis affichez-le à sa taille réelle.
2. La taille d'affichage. Une largeur fixe en pixels, la même pour tout le monde.
3. La version pour fond sombre. Un logo noir sur fond transparent peut disparaître en mode sombre. Prévoyez un fond blanc ou un léger contour.
4. Le lien. Le logo renvoie vers le site de l'entreprise, toujours à la même adresse.

L'image doit être hébergée en ligne, à une adresse en HTTPS. Une image collée ou intégrée dans le code alourdit chaque message et finit souvent en pièce jointe.

Les couleurs : deux ou trois, avec leurs codes

Une signature n'a pas besoin de toute votre palette. Retenez la couleur principale de la marque pour le nom ou un filet de séparation, un gris foncé pour le texte et, au besoin, une couleur d'accent pour les liens.

Notez les codes hexadécimaux exacts, par exemple #1A2B3C. Un « bleu de la marque » sans code donne dix bleus différents. Vérifiez aussi le contraste : un texte gris clair sur fond blanc se lit mal sur un téléphone en plein jour, et encore moins en mode sombre.

La typographie : une police disponible partout

C'est la règle la plus souvent oubliée. Si la police de votre marque n'est pas installée chez le destinataire, sa messagerie la remplace par une autre, sans prévenir. La mise en page bouge, les lignes passent à la ligne au mauvais endroit.

Le plus sûr est de choisir une police standard proche de votre identité : Arial ou Helvetica pour une marque moderne, Georgia pour un style plus classique, Verdana ou Tahoma pour la lisibilité. Fixez ensuite deux tailles, une pour le nom et une pour le reste, et deux graisses au plus. Le gras réservé au nom suffit souvent à créer la hiérarchie.

La mise en page : simple, étroite, lisible sur mobile

Décidez de la structure une fois pour toutes. Les deux formes les plus courantes sont le logo à gauche avec le texte à droite, ou tout empilé sur une colonne. La seconde se comporte mieux sur un téléphone.

Fixez aussi l'ordre des lignes : nom, poste, entreprise, coordonnées, puis liens et mentions. Toute la société suit le même ordre, ce qui rend les signatures comparables d'un coup d'œil.

Côté technique, une signature fiable est construite en tableaux HTML avec des styles en ligne, et ne dépasse pas 600 px de large. Au-delà, elle déborde sur les écrans étroits. Ces contraintes concernent surtout la personne qui code le modèle, mais la charte doit les rappeler pour éviter les maquettes impossibles à reproduire.

Photo, icônes et bannière : les règles de forme

Ces trois éléments sont facultatifs. S'ils figurent dans la signature, ils ont besoin de règles strictes, sinon chacun fait à sa façon.

1. La photo. Même cadrage, même forme (carrée ou ronde), même taille et un fond proche pour toute l'équipe. Une photo de vacances à côté d'un portrait studio casse l'ensemble. Elle reste au choix de chaque personne.
2. Les icônes des réseaux. Un seul jeu d'icônes, dans une seule couleur, à la même taille, avec assez d'espace pour être touchées au doigt. Seulement les réseaux que l'entreprise ou la personne anime vraiment.
3. La bannière. Une largeur fixe, alignée sur celle de la signature, un message court et une date de fin. Notre guide sur la bannière de signature e-mail détaille son usage en campagne.

Les variantes autorisées

Une seule signature pour tout le monde est rarement réaliste. Une filiale a son propre logo, une équipe internationale écrit en anglais, les réponses gagnent à être plus courtes qu'un premier message.

La charte doit donc dire ce qui peut changer et ce qui ne change jamais. Par exemple, le logo de la filiale et la langue peuvent varier, mais pas la police, les couleurs ni l'ordre des lignes. Une version courte pour les réponses peut garder le nom, le poste et le téléphone, sans bannière. Les mentions légales dépendent de chaque entité.

Comment faire respecter la charte ?

Une charte envoyée en PDF avec un modèle à copier ne tient pas longtemps. Chacun peut changer sa police, étirer le logo ou ajouter une ligne, et personne ne voit les écarts avant qu'un client ne les remarque. Notre guide pour harmoniser les signatures e-mail de toute l'entreprise décrit la démarche complète, de l'inventaire au déploiement.

La solution durable est de séparer le design des informations. Le design est défini une fois, verrouillé, et ne dépend de personne. Les informations (nom, poste, téléphone) viennent de l'annuaire de l'entreprise et se mettent à jour seules.

C'est ce que fait la signature e-mail d'entreprise de Brandesk. Vous composez la signature dans un éditeur par blocs, à partir de six modèles, avec les couleurs, les polices et les logos de votre marque. Les collaborateurs ne peuvent pas modifier le design. Ils complètent seulement ce que vous autorisez, comme leur photo, leur mobile ou leurs réseaux sociaux. Un aperçu montre le rendu avec un vrai collaborateur dans Gmail, Outlook, sur mobile et en mode sombre. Le HTML est produit en tableaux, avec des styles en ligne et des images en HTTPS, et une signature trop lourde pour Gmail ne peut pas être publiée.

Questions fréquentes

Peut-on utiliser la police de sa marque dans une signature e-mail ?

C'est risqué. Si la police n'est pas installée chez le destinataire, sa messagerie en affiche une autre. Choisissez plutôt une police standard proche de votre identité, et gardez la police de marque pour le logo, qui est une image.

Quelle largeur pour une signature e-mail ?

Restez à 600 px au plus, bannière comprise. C'est une largeur qui s'affiche sans défilement dans la plupart des messageries et se lit encore bien sur un téléphone.

Faut-il un logo en SVG ?

Non. Plusieurs messageries n'affichent pas le SVG. Utilisez un PNG ou un JPG hébergé en ligne, préparé en double définition pour rester net.

Qui doit valider la charte de signature ?

Le marketing ou la communication pour le design, l'équipe informatique pour la faisabilité technique, et le service juridique pour les mentions. Une fois validée, elle doit être appliquée par un outil, pas recopiée à la main.