Charte graphique : ce

qu'elle contient vraiment

Le critère unique : applicable par un tiers, sans vous

Une charte graphique n'est pas un document de présentation, c'est un manuel de décision. Sa valeur se mesure au nombre de questions qu'elle évite de poser à celui qui l'a produite.

Le test tient en une phrase. Donnez-la à un prestataire qui n'a jamais travaillé avec vous et demandez-lui une couverture de document, une publication et une signature de messagerie. S'il doit appeler pour savoir quelle couleur va sur quel fond, la charte est incomplète, quelle que soit sa qualité graphique.

Cette exigence a une conséquence peu populaire : une charte utile est plus sèche, plus courte et moins agréable à feuilleter qu'une charte de présentation. Elle est faite pour être ouverte à la page qui traite le problème du jour, pas lue d'un bout à l'autre. Les deux documents peuvent coexister, à condition d'être séparés.

Les fichiers comptent plus que le document

Une charte livrée en PDF seul est une charte inapplicable. Les personnes qui en ont besoin travaillent dans un logiciel de mise en page, un navigateur ou un éditeur de code. Ce qui n'existe pas sous forme de fichier sera retapé à la main, et ce qui est retapé dérive.

Le format de partage compte autant que le contenu. Une charte qui circule en pièce jointe existe en autant de versions qu'il y a de boîtes de réception : elle doit avoir une adresse unique, et une personne qui décide de ce qui y entre. Le dossier livré, lui, contient au minimum ceci.

• Le logo en vectoriel — SVG et PDF, EPS si un imprimeur le réclame — et pas seulement en image matricielle. Un logo qui n'existe qu'en PNG ne monte pas à l'échelle d'une enseigne.
• Les exports prêts à poser : favicon aux tailles attendues, avatar carré, version pour fond sombre, version monochrome. Sans eux, chacun recadre le logo principal à sa façon.
• Les fichiers de police accompagnés de leur licence. Une licence bureautique ne couvre pas la diffusion sur un site, et une licence web se dimensionne parfois au trafic. C'est un point de contrat, pas un détail technique.
• Les couleurs sous forme exploitable : hexadécimal pour l'écran, références d'impression quand il y a de l'imprimé. Une conversion faite au jugé par un imprimeur donne une autre couleur que la vôtre.
• Une version lisible par une machine : variables CSS, fichier de jetons, ou au minimum un tableau propre. C'est ce qui permet à un développeur d'intégrer la charte sans l'interpréter — et c'est cette forme qu'on annexe à un cahier des charges.

Le logo : des règles vérifiables et les cas réels

La partie logo est celle que toutes les chartes traitent, et la seule à peu près complète dans la plupart d'entre elles. Zone de protection, taille minimale, versions autorisées, usages interdits : ces règles servent, à condition d'être écrites pour être contrôlées. « Zone de protection égale à la hauteur du O » se vérifie. « Laisser respirer le logo » ne se vérifie pas, donc ne s'applique pas.

Ce qui manque presque toujours, ce sont les situations que la marque rencontre réellement aujourd'hui.

• L'avatar carré et le favicon, où le logo complet devient une tache. Il faut une version réduite validée, pas un recadrage laissé à l'intuition de celui qui crée le compte.
• Le fond sombre, et pas seulement « le logo en blanc » : certaines couleurs de marque deviennent illisibles sur noir et demandent une variante à part.
• La superposition sur photographie : un cartouche, un contour, une zone réservée, ou l'interdiction pure et simple. En l'absence de règle, ce sera l'interdiction que personne n'a écrite et que tout le monde enfreint.
• Le monochrome contraint : tampon, gravure, broderie, impression noir et blanc d'un contrat. Un logo qui repose sur un dégradé y disparaît.
• La vidéo : position, marges de sécurité, durée d'apparition, comportement quand l'image du dessous est claire.

Les couleurs : des rôles, pas une liste de teintes

Une palette listée sans règle d'emploi produit toujours la même dérive : la couleur d'accent finit par couvrir la moitié de la surface, parce qu'elle est la plus reconnaissable et que chacun veut faire marque. Une charte qui ne dit pas combien de place occupe l'accent ne documente pas une palette, elle documente des teintes.

Ce qui rend une palette applicable, ce sont les rôles. Quelle couleur porte le fond, laquelle porte le texte, laquelle n'existe que pour un élément d'action, lesquelles sont réservées aux états si vous avez une interface : erreur, succès, avertissement. Un rôle se vérifie sur un écran fini. Un nom de couleur ne se vérifie pas.

Le contraste n'est pas affaire de goût. Le RGAA reprend les critères des WCAG, qui fixent un rapport de contraste minimal de 4,5:1 entre un texte courant et son fond, et de 3:1 pour les grandes tailles. Une charte qui propose du gris clair sur blanc condamne d'avance le site qui l'appliquera, et l'Acte européen d'accessibilité — la directive (UE) 2019/882 — a étendu ces obligations à une partie du secteur privé. Le seuil se contrôle en quelques secondes sur chaque paire de couleurs, pendant la conception, pas après la mise en ligne.

Deux prolongements à prévoir dès la livraison : la variante pour fond sombre, parce que les systèmes et les messageries l'imposent et que quelqu'un l'improvisera sinon un soir de rendu ; et l'écart entre écran et papier, parce qu'une couleur choisie en hexadécimal n'a pas d'équivalent exact en impression.

La typographie : hiérarchie, licences et solution de repli

Une typographie de marque se documente par une échelle, pas par une liste de polices. L'échelle dit ce qui est un titre, ce qui est un intertitre, ce qui est du texte courant, ce qui est une légende — avec les tailles, les graisses et les interlignages correspondants. Sans elle, chaque support reconstruit sa propre hiérarchie et la marque devient illisible en tant que système.

Le point le plus souvent oublié est la substitution. Presque aucune charte n'écrit ce qu'on utilise quand la fonte de marque n'est pas disponible, alors que c'est le cas le plus fréquent : les devis partent en traitement de texte, les messages partent dans la police par défaut du client de messagerie. Sans règle, chaque poste choisit la sienne, et la marque finit écrite en cinq polices. Cinq éléments rendent une typographie applicable.

• Les graisses réellement acquises. Montrer un light qui n'a pas été licencié force l'équipe à substituer, et la substitution non documentée est le premier canal de dérive.
• Les tailles et interlignages par usage, avec la longueur de ligne visée pour le texte courant.
• Le comportement en petite taille et en capitales, et le type de chiffres attendu si vous produisez des tableaux ou des documents financiers.
• La police de repli, pour les environnements qui n'acceptent pas la vôtre : traitement de texte, modèles de messagerie, outil métier interne, navigateur qui n'a pas chargé la fonte.
• Le détenteur des licences. Une licence prise au nom du prestataire vous rend dépendant de lui pour le moindre nouveau support.

Ce qu'on y ajoute pour faire épais, et qui coûte du temps

Une charte se vend parfois au poids. C'est un mauvais indicateur, et certaines pages coûtent même du temps à ceux qui doivent l'utiliser, parce qu'elles rouvrent des questions déjà tranchées.

• Le moodboard d'ouverture. Il a servi pendant le projet, à l'intérieur du projet. Livré, il invite chaque lecteur à réinterpréter des décisions prises trois mois plus tôt.
• Les pages de valeurs et le manifeste. Ce contenu a sa place — dans la plateforme de marque, pas dans le manuel qu'on ouvre pour savoir quelle marge appliquer.
• Les mises en situation de goodies et de devantures. Elles montrent ce que la marque pourrait être, pas comment la produire. Elles rassurent en présentation et n'aident jamais un exécutant.
• Les images d'illustration livrées sans leurs droits. Montrer un style photographique sans fournir ni les licences ni les critères de sélection crée une attente impossible à satisfaire en interne.
• Les règles qui ne se vérifient pas. « Rester élégant », « éviter la surcharge » : personne n'a jamais refusé un support avec ça, et personne n'a jamais su l'appliquer non plus.

La recette : vérifier la charte le jour de la livraison

Une charte se recette comme un livrable technique, à la livraison, pas six mois plus tard quand le besoin se présente et que l'équipe qui l'a produite est passée à autre chose.

Une vérification décide à elle seule de sa durée de vie : le nom du responsable. Une identité rencontre des cas non prévus dès les premières semaines — un format publicitaire imposé, un partenariat co-brandé, un document réglementaire. Si personne n'a le droit de trancher et d'inscrire la décision quelque part, la charte cesse d'être un manuel et devient un constat d'écarts.

• Ouvrez chaque fichier sur un poste qui n'est pas celui du studio. Un fichier source dans un format que personne chez vous ne peut ouvrir n'est pas livré.
• Vérifiez les licences : usage web, usage bureautique, titulaire, durée. C'est la vérification la plus vite faite et la plus coûteuse à rattraper.
• Faites produire trois supports par quelqu'un d'extérieur, avec la charte seule et le droit de ne poser aucune question. Notez ses questions : c'est la liste exacte des manques.
• Contrôlez le contraste des couleurs de texte sur les fonds prévus, avant que le site ne soit construit dessus.
• Demandez où vit la charte, qui la met à jour, et comment une exception y est ajoutée.