Une charte graphique est un document de référence formel et structuré qui établit les règles, spécifications techniques et directives d’utilisation de l’identité visuelle d’une marque, d’un projet ou d’une organisation.
Contrairement au moodboard (collection d’inspirations visuelles) ou au brandboard (résumé visuel de l’identité), la charte graphique est un cadre normatif : elle ne montre pas ce que l’on veut, mais ce qu’on doit faire pour garantir la cohérence, la lisibilité, l’accessibilité et la pérennité des éléments visuels à travers tous les supports (web, imprimé, vidéo, applications, réseaux sociaux…).
Elle inclut généralement :
- Les couleurs (codes HEX, RGB, CMYK, contraste minimum WCAG),
- Les typographies (polices, tailles, interlignes, hiérarchie),
- Le logo (versions autorisées, marges de sécurité, fonds acceptés, formats recommandés),
- L’iconographie et les illustrations (style, lignes directrices, sources libres),
- Le traitement des images (filtres, recadrages, légendes),
- Les grilles et espacements (system de grille, padding, margin),
- Les composants UI (boutons, formulaires, cartes si applicable),
- Les exemples d’utilisation correcte / incorrecte (anti-patterns),
- Et parfois les spécifications techniques (format SVG pour le logo, WebP pour les images, polices open source…).
- Inclure des bonnes pratiques éthiques (ex. : sobriété visuelle, exclusion des effets inutiles, respect des langues locales).
- Être auto-hébergée (sur le site lui-même, en HTML/CSS),
- Être open source (accessible via GitHub ou GitLab),
Exemple de charte graphique
Explorer les thématiques : Méthodes, cadres & organisation, Design conception numérique