# Modèle de kit de marque : logos, couleurs, polices et voix réunis [Canonical HTML page](https://gradiently.design/fr/guide/brand-kit-template) Un kit de marque n’est utile que si quelqu’un peut l’ouvrir et réaliser une création correcte en dix minutes. Voici un modèle qui fait exactement cela, section par section, avec un exemple rempli. ## The short version - Un modèle de kit de marque compte sept sections : bases, logos, couleurs, typographie, style signature, voix et règles. - Les fichiers de logo doivent exister en version complète, en version réduite et en variantes claire et sombre, au format SVG et PNG transparent. - Les couleurs doivent être listées en HEX et RVB pour les écrans, et en CMJN si vous imprimez, avec le rôle de chacune. - La section voix est ce qui permet à d’autres personnes et aux outils d’IA d’écrire dans le ton de votre marque, elle mérite donc de vrais exemples. - Un kit de marque est plus court et plus pratique qu’une charte graphique complète : c’est l’ensemble des fichiers et des codes dont on a besoin aujourd’hui. Un **modèle de kit de marque** est une structure à remplir avec les fichiers et les informations dont toute personne a besoin pour créer pour votre marque : fichiers de logo, codes couleur, polices, style signature, voix et quelques règles. Le modèle ci-dessous compte sept sections, dans l’ordre où l’on cherche les choses. Copiez-le dans un document ou un dossier partagé, remplissez chaque partie, et vous aurez un kit avec lequel un freelance, une nouvelle recrue ou un assistant d’IA pourra travailler tout de suite. Si vous vous demandez encore *pourquoi* il vous en faut un, [le kit de marque](https://gradiently.design/fr/guide/brand-kit) répond à la question. Cette page est le modèle pratique. ## Le modèle de kit de marque ```text KIT DE MARQUE : [Nom de la marque] Dernière mise à jour : [date] Responsable : [nom, e-mail] 1. L’ESSENTIEL Une phrase : ce que nous faisons et pour qui Public : Produits ou services : Site / noms de compte : 2. LOGOS (chacun en SVG + PNG transparent) Logo complet : clair ___ sombre ___ Petit symbole / icône : clair ___ sombre ___ Taille minimale : ___ px de large Zone de protection : ___ de chaque côté 3. COULEURS (nom / usage / HEX / RVB / CMJN) Fond : Principale : Secondaire : Neutre clair : Accent (avec parcimonie) : 4. TYPOGRAPHIE Police de titre + graisse : Police de corps + graisse : Où les obtenir / licence : 5. STYLE SIGNATURE Arrière-plan ou code du Mark : Traitement photo : 6. TON Trois mots : Nous disons : ___ Nous ne disons jamais : ___ Exemple de titre : 7. RÈGLES Toujours : Jamais : ``` Copiez cette trame dans n’importe quel document, en traduisant les intitulés si besoin. Remplissez ce que vous savez déjà ; laissez des blancs plutôt que de deviner. ## Ce dont chaque section a besoin | Section | À inclure | Oubli fréquent | | --- | --- | --- | | Bases | Une phrase, le public, les produits ou services, les liens | Aucun contact pour les questions | | Logos | Versions complète et réduite, claire et sombre, SVG et PNG | Seulement un JPG dans un cadre blanc | | Couleurs | Noms, usages, HEX, RVB, CMJN si vous imprimez | Des codes sans dire quelle couleur sert à quoi | | Typographie | Polices de titre et de texte, graisses, licence | Des noms de polices sans fichiers ni source | | Style signature | Le fond ou la surface, le traitement des photos | Absent, si bien que chaque designer en invente un | | Voix | Trois mots, des exemples, les mots à éviter | Des adjectifs sans exemples | | Règles | Deux ou trois lignes « toujours » et « jamais » | Une longue liste que personne ne lit | Les sept sections et l’oubli le plus fréquent dans chacune. ### Logos : les fichiers à exporter Exportez chaque version du logo en SVG pour tout ce qui change d’échelle et en PNG transparent pour les outils qui n’acceptent pas le SVG. Nommez les fichiers simplement, par exemple `brand-logo-full-dark.svg`, pour que personne n’ait à les ouvrir pour savoir lequel est lequel. [Les déclinaisons de logo](https://gradiently.design/fr/guide/logo-variations) explique quelles versions il vous faut et quand, et [les tailles de logo](https://gradiently.design/fr/guide/logo-sizes) liste les dimensions demandées par les plateformes. ### Couleurs : codes et rôles Listez chaque couleur avec un nom et un rôle, pas seulement un code. « Accent : boutons et prix uniquement » empêche l’accent d’envahir une création. Voici un exemple rempli pour un petit studio de yoga. - Fond : charbon: #1f2421 - Principale : eucalyptus: #49695a - Soutien : brume de sauge: #b7cbbd - Neutre : lin: #f6f1e9 - Accent : argile: #d98b5f Cinq couleurs, chacune avec son rôle inscrit dans son nom. L’accent argile sert aux horaires des cours et aux prix, rien d’autre. Ajoutez les valeurs RVB à côté des codes hex, et le CMJN si quelque chose est imprimé. [Hex en RVB](https://gradiently.design/fr/guide/hex-to-rgb) donne la conversion, et [RVB ou CMJN](https://gradiently.design/fr/guide/rgb-vs-cmyk) explique pourquoi les couleurs d’impression ont besoin de leurs propres valeurs. ### Typographie : noms, fichiers et licences Écrivez les noms exacts des polices et leurs graisses, par exemple « Inter Bold pour les titres, Inter Regular pour le texte », et placez les fichiers ou un lien de téléchargement dans le même dossier. Notez aussi la licence. Une police gratuite pour un usage personnel ne couvre pas forcément la campagne publicitaire d’un client, et c’est dans le kit qu’un freelance ira vérifier. [Les polices de marque](https://gradiently.design/fr/guide/brand-fonts) vous aide si vous n’avez pas encore choisi. ### Style signature : la section que la plupart des kits oublient La plupart des kits de marque s’arrêtent au logo, aux couleurs et aux polices, c’est pourquoi les créations qui en sortent dérivent quand même. Le fond ou la surface derrière vos créations occupe l’essentiel de chaque cadre, il lui faut donc sa propre rubrique : ce que c’est, où le trouver et comment les photos sont traitées par-dessus. Si votre style est un Mark Gradiently, inscrivez ici son code public, par exemple `GR·K7Q2·MX`, pour que chacun trouve exactement le bon. Sans cette section, chaque nouveau designer invente un fond, et la marque devient discrètement plusieurs marques. ### Voix : les exemples valent mieux que les adjectifs ### Difficile à utiliser - Notre voix est chaleureuse, amicale et professionnelle - Éviter d’avoir l’air commercial - Être inclusif ### Facile à utiliser - Nous disons : « Venez comme vous êtes, tapis fournis. » - Nous ne disons jamais : « Dernière chance » ni « Ne manquez pas ça » - Vouvoyer tout le monde ; ne jamais supposer de souplesse ni de forme physique Les exemples comptent encore plus maintenant que les outils d’IA écrivent beaucoup de premiers jets. Un assistant à qui l’on donne trois vraies phrases dans votre voix l’imitera bien mieux qu’un assistant à qui l’on donne trois adjectifs. [La voix de marque pour l’IA](https://gradiently.design/fr/guide/brand-kit-voice) explique comment écrire cette section pour les machines autant que pour les personnes. ## Un exemple rempli, mis en pratique Le test d’un kit de marque, c’est de savoir si quelqu’un qui ne vous a jamais rencontré peut en tirer une publication correcte. Voici ce que produit le kit du studio de yoga entre les mains d’un nouveau freelance, sans aucun autre brief. Une publication portrait d’un studio de yoga annonçant un cours de flow au lever du soleil le samedi à 7 h, sur le fond en dégradé du studio L’annonce d’un cours construite uniquement à partir du kit : palette, polices, style et voix. Une story verticale pour le même studio de yoga indiquant Venez comme vous êtes, avec le même fond et la même typographie Une story issue du même kit. Un autre format, la même marque, aucune consigne supplémentaire nécessaire. ## Où ranger votre kit de marque - **Un dossier partagé** avec le document et tous les fichiers de logo et de police. Simple et universel. - **Dans votre outil de design**, pour que couleurs, polices et logos soient à un clic au lieu d’être recopiés à la main. - **Un responsable et une date.** Quelqu’un s’occupe des mises à jour, et chacun voit si le kit est à jour. Le kit de marque de Gradiently, inclus dans Pro, couvre l’essentiel de ce modèle : nom et description, logos, palettes de couleurs, une police de titre et une police de texte (vous pouvez importer des fichiers de police), voix, public et activité de la marque. Il peut lire votre site web pour remplir à votre place le nom, la description, la couleur et l’icône. Créez sur un Mark comme style signature, et le Designer écrit dans la voix de votre kit et l’applique quand il met en page vos créations. [Configurer son kit de marque](https://gradiently.design/fr/guide/brand-kit-setup) vous guide pas à pas. ## FAQ ### Que doit contenir un kit de marque ? Les informations de base sur la marque, les fichiers de logo en plusieurs versions, les codes couleur avec leurs usages, les polices, votre style signature, des exemples de voix et quelques règles. ### Quelle est la différence entre un kit de marque et une charte graphique ? Un kit de marque est l’ensemble pratique de fichiers et de codes dont on a besoin pour créer aujourd’hui. Une charte graphique est un document plus long qui explique les règles et leur raison d’être en détail. ### Dans quels formats fournir les logos d’un kit de marque ? En SVG pour tout ce qui change d’échelle et en PNG transparent pour les outils qui n’acceptent pas le SVG, chacun en version claire et sombre. ### Quelle longueur pour un kit de marque ? Assez court pour se lire en dix minutes. S’il lui en faut plus, déplacez le détail dans une charte graphique séparée.