Brand Guidelines Complet
Charte de marque : logo, couleurs, typographies, ton de voix, imagerie, composants, do's & don'ts.
Brand Guidelines Complet
Document de référence remis au client en fin de mission. Toute personne qui produit un visuel pour la marque doit pouvoir travailler avec ce seul document.
1. Essence de marque
- →Mission (pourquoi la marque existe) :
- →Promesse (ce qu'elle garantit) :
- →Valeurs (3 maximum) :
- →Personnalité (3 adjectifs) :
2. Logo
| Version | Usage | Fichier | | --- | --- | --- | | Principale | Fonds clairs | SVG + PNG | | Monochrome blanche | Fonds sombres et photos | SVG + PNG | | Icône / favicon | Réseaux, onglets | 512x512 PNG | | Version horizontale | Bandeaux, signatures | SVG |
- →Taille minimale : 24 px de hauteur en écran, 12 mm en impression
- →Zone de protection : la hauteur de l'initiale du logo sur les 4 côtés
- →Interdits : déformer, recolorer, ajouter une ombre, poser sur un fond chargé sans voile
3. Palette couleur
| Rôle | Nom | HEX | RGB | Usage | | --- | --- | --- | --- | --- | | Base | Navy | #0A1424 | 10 20 36 | Fonds, titres | | Accent | Rouge FAMOUS | #E10600 | 225 6 0 | CTA, mots clés | | Neutre clair | Gris papier | #F1F2F5 | 241 242 245 | Sections claires | | Texte | Encre | #16202C | 22 32 44 | Corps de texte | | Blanc | Blanc | #FFFFFF | 255 255 255 | Respiration |
Règle 60 / 30 / 10 : 60% neutre, 30% base, 10% accent. Un seul accent rouge par visuel.
4. Typographie
| Usage | Police | Graisse | Taille | Interlettrage | | --- | --- | --- | --- | --- | | Titres | Anton | Regular | 32-72 px | -1% | | Sous-titres | Archivo | SemiBold | 18-24 px | 0 | | Corps | Archivo | Regular | 15-17 px | 0 | | Légendes | Archivo | Medium | 11-13 px | +6% |
- →Titres toujours en majuscules, 6 mots maximum
- →Deux tailles maximum par visuel
- →Interligne corps : 1,55
5. Ton de voix
| Dimension | Nous sommes | Nous ne sommes pas | | --- | --- | --- | | Registre | Direct, affirmatif | Vague, corporate | | Proximité | Humain, tutoiement sur nos supports | Familier, blagueur | | Rythme | Phrases courtes | Paragraphes bavards | | Preuve | Chiffré, concret | Superlatifs vides |
Mots à bannir : innovant, leader, solution globale, synergie, n'hésitez pas.
6. Style d'image
- →Photographie : lumière contrastée, ombres assumées, décors urbains réels
- →Cadrage : lignes architecturales, espace négatif pour le texte
- →Étalonnage : désaturé, noirs profonds, rouge conservé
- →Interdits : banques d'images génériques, filtres colorés, sourires forcés
7. Bibliothèque de composants
| Composant | Spécification | | --- | --- | | Bouton primaire | Fond accent, texte blanc, rayon 999 px, 14 px vertical | | Bouton secondaire | Contour 1 px navy, fond transparent | | Carte | Fond blanc, rayon 24 px, ombre douce, padding 24 px | | Badge catégorie | Fond navy, texte blanc, majuscules 11 px | | Séparateur | Filet 1 px #D8DCE3 |
8. Do's & Don'ts
Do
- →[ ] Un seul message par visuel
- →[ ] Contraste vérifié (ratio 4,5:1 minimum)
- →[ ] Logo sur zone calme
- →[ ] Exports aux bons formats (1:1, 4:5, 9:16)
Don't
- →[ ] Mélanger plus de deux polices
- →[ ] Étirer une image
- →[ ] Utiliser le rouge en fond de grande surface
- →[ ] Empiler deux appels à l'action
9. Livraison
- →[ ] PDF de charte
- →[ ] Dossier logos (SVG, PNG, favicon)
- →[ ] Palette en fichier .ase / codes HEX
- →[ ] Templates Canva ou Figma
- →[ ] Polices ou liens de licence
Besoin d'aller plus loin ? Découvre nos services ou nos projets.
Prêt à faire grandir ta marque ?
Parlons de ton projet.
Réservez un appel découverte gratuit et construisons ensemble votre succès.
Prendre rendez-vous