Texture de marque : la matière qui rend un style appropriable

La texture de marque est la qualité matérielle de tout ce qu’une marque pose sur une surface : le grain d’un fond, le grain d’un papier, le reflet du verre, la direction et la douceur de la lumière. C’est la différence entre une couleur sur un écran et une couleur sur quelque chose. Deux marques peuvent partager une palette et une police, mais si l’une repose sur un fin grain de pellicule et l’autre sur un verre net, personne ne les confondra.

La texture est aussi l’une des rares parties d’un style qui résiste à la copie. N’importe qui peut lire vos codes hex sur une capture d’écran. Reproduire votre grain exact, sa taille, sa densité, la façon dont la lumière le traverse, est bien plus difficile, ce qui en fait un excellent candidat pour la signature de votre identité visuelle.

Ce que la texture apporte à une marque

La texture porte des associations que l’on saisit instantanément, bien avant de lire un mot. Elle répond à des questions comme : est-ce fait main ou conçu par des ingénieurs, chaleureux ou froid, quotidien ou exceptionnel ?

Aucune n’est meilleure qu’une autre. Ce qui compte, c’est que la texture soit en accord avec ce que vous dites de vous. Une marque qui parle d’artisanat lent et publie sur du verre brillant envoie un message contradictoire. La personnalité de marque est un bon point de départ si vous ne savez pas ce que la vôtre doit dire.

Grain, matière et lumière : les trois couches

La plupart des textures riches sont construites en trois couches. Les penser séparément fait de la texture quelque chose que l’on conçoit délibérément, plutôt qu’un filtre appliqué à la fin.

1. 1

   Matière

   Le comportement de base de la surface : la façon dont la couleur y circule. Des fondus lisses, des plis doux, des formes liquides ou des facettes nettes.

2. 2

   Lumière

   D’où elle vient et quelle est sa dureté. Une lumière douce venue d’un coin donne de la profondeur ; un éclairage uniforme paraît plat et numérique.

3. 3

   Grain

   Le fin bruit par-dessus. Un peu rend une surface réelle et masque les effets d’escalier ; trop paraît sale et gêne les mots.

Pour la couche de grain sur le web, un minuscule bruit SVG posé sur le fond suffit. Gardez une opacité faible ; on doit le sentir plus que le voir.

.brand-surface {
  position: relative;
  background: radial-gradient(circle at 80% 15%, #a5b4fc 0%, #4338ca 30%, #1e1b4b 70%);
}

.brand-surface::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.12;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

Les dégradés granuleux propose d’autres recettes de grain, et l’effet d’escalier dans les dégradés explique pourquoi le bruit est aussi la solution standard aux bandes visibles dans les fondus lisses.

Comment choisir votre texture de marque

• Partez d’un mot. Écrivez le ressenti unique que vous voulez transmettre, comme «  artisanal » ou «  précis », et choisissez la famille qui lui correspond.
• Testez-la derrière des mots. La texture vit sous les titres, les prix et les dates. Si elle les rend plus difficiles à lire sur téléphone, elle est trop forte.
• Vérifiez-la aux deux extrêmes. Regardez-la sur une story 1080×1920 et sur une carte de visite 1050×600. Un grain juste en grand peut tourner à la bouillie en petit.
• Vérifiez-la à l’impression. Un grain superbe à l’écran peut ressembler à un défaut d’impression sur papier. Imprimez un flyer A5 avant de vous engager.

Les erreurs qui donnent un air bon marché à la texture

Le dernier point piège beaucoup de marques. Quand une image texturée est étirée d’une publication carrée à une large bannière, le grain s’étire aussi et la lumière tombe à un endroit étrange. Une texture doit être rendue à la taille où elle est utilisée, ce que traite aussi la texture de fond.

Faire d’une texture la vôtre

Une surcouche de bruit gratuite est à la portée de tous, et c’est justement le problème : plus une texture devient populaire, moins elle parle de vous. Pour qu’une texture soit appropriable, il faut une combinaison précise que personne d’autre n’utilise.

C’est pour cela qu’est conçu un Mark Gradiently. Chaque Mark est une recette de couleurs, jusqu’à trois matières superposées, de lumière, de grain et de mouvement, et chacun est comparé à tous les autres pour que deux ne se ressemblent jamais. Il se dessine en direct à chaque format dans lequel vous créez, si bien que le grain et la lumière sont toujours bien placés, et il atténue ses détails derrière vos mots pour que les titres restent lisibles. Quand vous réservez un Mark, vous seul pouvez exporter avec lui. Les matières des Marks explique les couches de matière plus en détail.