Branding

Le branding, c'est l'identité visuelle de votre marque : le logo, les couleurs, les typographies et les règles qui les relient, réunies dans une charte graphique. Ces choix se font de préférence avant la création du site, parce que tout le reste en découle : boutons, titres, images, documents imprimés.

Les trois guides de cette rubrique suivent l'ordre logique. Commencez par créer votre logo : types de logos, erreurs à éviter, étapes de création et outils. Choisissez ensuite les couleurs de votre marque et de votre site, puis rassemblez le tout dans une charte graphique que vous pourrez transmettre à toute personne qui travaille sur vos supports.

Au sens large, le branding désigne tout ce qui construit l'image d'une marque : son nom, sa promesse, son ton, l'expérience vécue par ses clients. L'identité visuelle en est la partie que l'on voit, et c'est elle que traite cette rubrique. Pour un site Web, c'est la plus concrète : elle décide de l'apparence de chaque page, du logo dans l'en-tête jusqu'à la couleur des boutons.

Une identité visuelle réussie se reconnaît à sa cohérence plus qu'à son originalité : le visiteur retrouve le même logo, les mêmes couleurs et les mêmes polices sur le site, dans les emails, sur les réseaux sociaux et sur une facture. Cette répétition crée la reconnaissance, et la confiance qui va avec.

• Le logo : définition, sept types de logos, quatorze erreurs à éviter, étapes de création, format vectoriel et outils, dans le guide créer un logo.

• Les couleurs : une méthode en quatre étapes, la règle 60-30-10, les seuils de contraste et les outils gratuits, dans le guide choisir les couleurs de votre marque.

• La charte graphique : ce qu'elle contient, des exemples publics à étudier et une méthode en quatre étapes, dans le guide créer une charte graphique.

• La typographie : choisir et associer ses polices, régler tailles et interlignage, charger des polices Web sans enfreindre le RGPD, sur la page typographie de la rubrique Design.

Suivez l'ordre des guides : le logo d'abord, dessiné en noir et blanc pour valider la forme, puis la palette de couleurs, puis une charte de deux à quatre pages. Faites-le avant de choisir un thème ou de commander un site : ils appliqueront vos choix au lieu de les inventer.

Récupérez d'abord le fichier vectoriel du logo (SVG, AI, EPS ou PDF) auprès de la personne qui l'a créé, puis relevez les codes exacts de ses couleurs. Avec ces deux éléments, vous pouvez passer directement à la charte graphique.

Partez de la charte existante et déclarez couleurs et polices une seule fois, dans les réglages globaux du thème, plutôt que bloc par bloc. La fin du guide des couleurs explique où le faire dans WordPress, et le tutoriel les couleurs dans Divi montre la palette globale de Divi.

Préparez un brief : votre activité, vos clients, vos concurrents, trois adjectifs qui décrivent la marque. Demandez à voir un portfolio, et faites préciser dans le devis la cession des droits sur le logo et la livraison des fichiers sources et vectoriels, avec la charte. Le guide créer un logo compare les options, du logo fait soi-même au graphiste indépendant.

Une même couleur se note de plusieurs façons : en hexadécimal (ex. #1A5F7A) ou en RVB pour les écrans, en CMJN ou en Pantone pour l'impression. Une charte donne les deux, sinon le bleu du site et celui de la carte de visite ne seront jamais tout à fait les mêmes.

Les règles d'accessibilité du Web (WCAG 2.2, niveau AA) demandent un contraste d'au moins 4,5:1 entre un texte courant et son fond, et de 3:1 pour un grand texte (source : critère 1.4.3 du W3C, consulté en octobre 2026). C'est souvent ce test qui oblige à foncer une couleur de marque trop claire avant de l'utiliser pour du texte.

Un seul fichier ne suffit pas : prévoyez une version couleur, une version noire, une version blanche pour les fonds foncés, une version horizontale pour l'en-tête du site et une icône seule. Cette icône sert aussi de favicon, la petite image affichée dans l'onglet du navigateur : WordPress demande une image carrée d'au moins 512 pixels de côté, réglée depuis la version 6.5 dans Réglages, Général (source : documentation WordPress sur le favicon, octobre 2026).

Un logo peut être déposé comme marque auprès de l'INPI, seul ou avec le nom. En octobre 2026, le dépôt en ligne coûte 190 € pour une classe de produits ou services, plus 40 € par classe supplémentaire, et protège la marque en France pendant 10 ans, renouvelable indéfiniment (sources INPI : le coût d'une marque et les différents types de marque). Avant de déposer, vérifiez que le signe est disponible ; si le logo a été créé par un graphiste, assurez-vous d'abord d'en détenir les droits.

Le branding se prolonge dans d'autres pages de la rubrique Design : l'interface utilisateur (UI design) pour décliner la charte en boutons, cartes et formulaires cohérents, puis l'inspiration design et les images. Les membres trouveront aussi la leçon « Charte graphique, identité visuelle, branding » du module 11 de la formation WordPress : voir la leçon.