# Dégradé de marque : faire d’un dégradé votre signature [Canonical HTML page](https://gradiently.design/fr/guide/brand-gradient-system) Certaines marques se reconnaissent à un coin de couleur avant même qu’on voie le logo. Ce n’est jamais un hasard. Voici comment construire un dégradé de marque qui fonctionne comme une signature, pas comme une décoration. ## The short version - Un dégradé de marque ne fonctionne comme une signature que s’il est distinctif, défini avec précision et utilisé de la même façon à chaque point de contact. - Une définition complète de dégradé de marque couvre la couleur de fond, la famille de couleurs, l’origine de la lumière, la texture de surface, le grain et l’éventuel mouvement. - Chaque dégradé de marque a besoin d’une version en aplat pour les petites tailles, l’impression en une couleur et la broderie. - La reconnaissance naît de la répétition : un dégradé signature doit apparaître dans le même rôle et à peu près dans la même proportion sur les publications, les présentations et les emballages. - Les dégradés sont difficiles à protéger juridiquement, c’est pourquoi le caractère distinctif et la constance d’usage comptent plus que le choix d’une couleur en particulier. Un **dégradé de marque** devient une signature quand trois conditions sont réunies : il ne ressemble à celui de personne d’autre, il est défini assez précisément pour que chaque designer le reproduise de la même façon, et il apparaît chaque fois dans le même rôle. La plupart des dégradés de marque échouent au premier critère parce qu’ils partent d’un préréglage populaire, et les autres échouent au deuxième parce qu’ils existent sous forme d’une seule image exportée au lieu d’une recette. Construisez cet actif avec soin et il peut faire le travail d’un logo d’un bout à l’autre d’une pièce. ## Ce qui distingue une signature d’un joli dégradé ### Décoration - Du violet au rose, parce que c’était joli - Refait à l’œil pour chaque création - Angle et couleurs varient selon le designer - Utilisé partout, donc il ne veut plus rien dire - Casse en taille favicon et en impression une couleur ### Signature - Un territoire de couleur que les concurrents n’utilisent pas - Une recette écrite, stockée en jetons - La lumière vient toujours du même endroit - Réservé à des moments précis, donc remarqué - Une version en aplat prévue Les raisons de posséder des actifs visuels sont détaillées dans [les actifs de marque distinctifs](https://gradiently.design/fr/guide/distinctive-brand-assets). Cet article porte sur la construction pratique. ## Comment créer un dégradé de marque, étape par étape 1. **Cartographiez la catégorie** Faites des captures des fils, sites et emballages de dix concurrents et disposez-les ensemble. Notez les teintes et les mélanges qui reviennent. Votre dégradé doit vivre là où ce mur est vide. 2. **Choisissez un fond** Décidez d’abord entre sombre et clair. Un fond profond fait briller la couleur et paraît haut de gamme ; un blanc cassé chaud évoque l’imprimé et le calme. Le fond porte l’ambiance plus que l’accent. 3. **Prenez une petite famille** Trois à cinq couleurs proches plus un accent au maximum. Les voisines se mélangent proprement ; les opposées virent au gris, comme l’explique [les dégradés boueux](https://gradiently.design/fr/guide/muddy-gradients). 4. **Décidez d’où vient la lumière** Une lueur basse dans un coin, une bande en haut, une nappe derrière le centre. Fixer la source de lumière rend le dégradé reconnaissable même recadré. 5. **Ajoutez une surface** Grain, papier, soie ou verre. Une matière distingue votre dégradé d’un rendu écran par défaut. [La texture de dégradé](https://gradiently.design/fr/guide/gradient-texture) compare les options. 6. **Testez la reconnaissance** Faites cinq créations, cachez les logos et montrez-les à quelqu’un qui connaît la marque. S’il la nomme à la seule couleur, ça fonctionne. Lumière cuivrée sur sarcelle profond: `radial-gradient(circle at 20% 85%, #f59e0b 0%, #b45309 18%, #134e4a 55%, #042f2e 100%)` Un exemple de signature : un fond sarcelle profond éclairé de cuivre depuis le coin inférieur gauche. Le sarcelle et le cuivre sont assez proches en chaleur pour se mélanger en passant par le brun plutôt que le gris, et c’est la lumière du coin que l’on retient. ## Écrire la recette, pas seulement les couleurs Les codes hex seuls ne définissent pas un dégradé. Deux designers qui reçoivent les mêmes quatre couleurs obtiendront deux résultats différents, car c’est dans la position des arrêts, la direction et la texture que vit le caractère. Écrivez une définition qu’une nouvelle personne pourrait suivre sans vous poser de question. | Élément | Exemple de définition | | --- | --- | | Fond | Sarcelle profond `#042f2e`, au moins la moitié de la surface | | Famille | `#134e4a` sarcelle, `#b45309` cuivre, `#f59e0b` ambre | | Lumière | Radiale, centrée en bas à gauche, jamais derrière le titre | | Arrêts | 0%, 18%, 55%, 100% | | Surface | Grain monochrome fin, à peine visible en pleine taille | | Mouvement | La lumière dérive lentement le long du bord inférieur ; en boucle | | Version aplat | Sarcelle profond uni avec le cuivre comme seul accent | Une définition de dégradé de marque sur une page. Placez-la dans la [charte graphique](https://gradiently.design/fr/guide/brand-style-guide) et stockez les valeurs sous forme de code. ## Prévoir la version en aplat Un dégradé disparaît en taille favicon, en impression une couleur, en broderie et dans certains clients e-mail. Choisissez les versions unies maintenant plutôt que de laisser chaque fournisseur deviner. En général, c’est la couleur de fond comme aplat principal et la couleur de lumière la plus vive comme unique accent. - Fond, aplat principal: #042f2e - Lumière, aplat d’accent: #f59e0b - Sarcelle, secondaire: #134e4a - Papier, pour le texte: #fdf6ec La palette en aplat qui remplace le dégradé sur un favicon, un tampon, un uniforme ou un e-mail en texte brut. ## L’utiliser partout dans le même rôle La reconnaissance se construit par la répétition dans un rôle constant. Décidez où le dégradé de marque apparaît : par exemple les couvertures, les lancements et le haut de chaque présentation, les aplats faisant le travail du quotidien. Une signature utilisée sur tout devient du papier peint. [La cohérence de marque](https://gradiently.design/fr/guide/brand-consistency) en dit plus sur les règles que les équipes appliquent vraiment. - Story 1080×1920: 1080 × 1920 - Publication 1080×1350: 1080 × 1350 - Bannière LinkedIn 1584×396: 1584 × 396 - Diapositive 1920×1080: 1920 × 1080 - Carte de visite 1050×600: 1050 × 600 Cinq points de contact aux formats très différents. La lumière du coin doit tomber au même endroit relatif sur chacun, ce qui suppose de rendre le dégradé pour chaque format plutôt que de recadrer une image. ## Protéger un dégradé de marque Les couleurs et les dégradés sont difficiles à protéger par le droit, et les détails dépendent du pays et d’un long usage prouvé ; [peut-on protéger un dégradé par le droit d’auteur](https://gradiently.design/fr/guide/can-you-copyright-a-gradient) dresse le tableau général, sans conseil juridique. En pratique, la protection dont disposent la plupart des marques, c’est le caractère distinctif plus la constance : un style si lié à vous que le copier ne ferait que rappeler votre marque. Gradiently a été conçu pour combler ce manque. Un Mark est une recette aboutie de couleurs, de matières, de lumière, de grain et de mouvement, comparée à tous les autres Marks pour que rien de trop proche ne soit accepté, et il n’a qu’un seul propriétaire à la fois. En réserver un inscrit votre nom sur son registre public avec un certificat numéroté, et vous seul pouvez exporter des créations avec lui. C’est une inscription au registre, pas une marque déposée, mais cela signifie que votre signature ne peut pas apparaître dans le fil d’un concurrent créé avec le même outil. Une publication portrait avec une seule ligne courte sur un fond en dégradé éclairé et distinctif Un dégradé de marque qui fait son travail : la couleur et la lumière portent l’identité, les mots peuvent rester courts. ## FAQ ### Qu’est-ce qu’un dégradé de marque ? Un dégradé qu’une marque utilise avec constance dans son identité, défini avec précision pour être reproduit de la même façon partout. ### Comment créer un dégradé signature pour ma marque ? Trouvez un territoire de couleur que vos concurrents n’utilisent pas, choisissez un fond et une petite famille de couleurs, fixez l’origine de la lumière, ajoutez une texture de surface et vérifiez qu’on le reconnaît sans le logo. ### Que doit contenir la charte d’un dégradé de marque ? La couleur de fond, la famille de couleurs avec les codes hex, la position des arrêts, la direction de la lumière, la texture, l’éventuel mouvement et une version en aplat. ### Puis-je déposer mon dégradé de marque ? Protéger juridiquement des couleurs et des dégradés est difficile et dépend du pays et de l’usage prouvé, alors consultez un avocat spécialisé en propriété intellectuelle. Un usage distinctif et constant est la protection sur laquelle comptent la plupart des marques. ### Un dégradé de marque a-t-il besoin d’une version en aplat ? Oui. Les favicons, l’impression une couleur, la broderie et certains clients e-mail ne peuvent pas afficher un dégradé, alors prévoyez des aplats à l’avance.