Brandtekstur: den materialekvalitet, der gør et udtryk ejbart

Brandtekstur er materialekvaliteten i alt, et brand lægger på en flade: kornet i en baggrund, papirets struktur, glassets glans, lysets retning og blødhed. Det er forskellen på en farve på en skærm og en farve på noget. To brands kan dele en palet og en skrifttype, men hvis det ene sidder på fint filmkorn og det andet på rent glas, vil ingen forveksle dem.

Tekstur er også en af de få dele af et udtryk, der modstår kopiering. Alle kan læse dine hex-koder fra et skærmbillede. At gengive dit præcise korn, dets størrelse, dets tæthed og den måde, lyset falder hen over det, er meget sværere, hvilket gør den til en stærk kandidat til signaturen i din visuelle identitet.

Hvad tekstur gør ved et brand

Tekstur bærer associationer, folk opfanger med det samme, længe før de læser et ord. Den svarer på spørgsmål som: er det her håndlavet eller konstrueret, varmt eller køligt, hverdag eller noget særligt?

Ingen af dem er bedre end de andre. Det, der betyder noget, er, at teksturen stemmer overens med det, du siger om dig selv. Et brand, der taler om langsomt håndværk og poster på blank glans, sender et blandet budskab. Brandpersonlighed er et godt sted at starte, hvis du ikke er sikker på, hvad din skal sige.

Korn, materiale og lys: de tre lag

De fleste teksturer, der føles rige, er bygget af tre lag. At tænke på dem hver for sig gør tekstur til noget, du kan designe med vilje, i stedet for et filter, du lægger på til sidst.

1. 1

   Materiale

   Overfladens grundlæggende opførsel: hvordan farve flyder hen over den. Bløde overgange, bløde folder, flydende former eller skarpe facetter.

2. 2

   Lys

   Hvor det kommer fra, og hvor hårdt det er. Et blødt lys fra ét hjørne giver dybde; jævn belysning ser fladt og digitalt ud.

3. 3

   Korn

   Den fine støj øverst. Lidt får en overflade til at føles ægte og skjuler farvebånd; for meget ser snavset ud og kæmper mod ordene.

Til kornlaget på nettet er en lille SVG-støj lagt over baggrunden nok. Hold uigennemsigtigheden lav; du vil mærke det mere end se det.

.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");
}

Kornede gradienter har flere kornopskrifter, og farvebånd i gradienter forklarer, hvorfor støj også er standardløsningen på synlige striber i bløde overgange.

Sådan vælger du din brandtekstur

• Start fra ét ord. Skriv den ene følelse, du vil have folk til at få, som »håndlavet« eller »præcis«, og vælg den familie, der matcher.
• Test den bag ord. Tekstur ligger under overskrifter, priser og datoer. Hvis den gør dem sværere at læse i telefonstørrelse, er den for stærk.
• Tjek den i begge ender. Se den på en story på 1080×1920 og på et visitkort på 1050×600. Korn, der ser rigtigt ud stort, kan blive til grød i lille størrelse.
• Tjek den på tryk. Korn, der synger på en skærm, kan ligne en trykfejl på papir. Print en A5-flyer, før du binder dig.

Fejl, der får tekstur til at se billig ud

Det sidste punkt fanger mange brands. Når et struktureret billede strækkes fra et kvadratisk opslag til et bredt banner, strækkes kornet også, og lyset lander et mærkeligt sted. En tekstur bør gengives i den størrelse, den bruges i, hvilket også er dækket i baggrundstekstur.

Sådan gør du en tekstur til din

Et gratis støjoverlæg er tilgængeligt for alle, hvilket netop er problemet: jo mere populær en tekstur bliver, desto mindre siger den om dig. For at gøre tekstur ejbar skal den være en bestemt kombination, ingen andre bruger.

Det er det, en Gradiently-Mark er bygget til. Hver Mark er en opskrift af farver, op til tre stablede materialer, lys, korn og bevægelse, og hver er kontrolleret mod alle andre, så ingen to ligner hinanden. Den gengives live i hver størrelse, du designer i, så kornet og lyset altid sidder rigtigt, og den dæmper sine detaljer bag dine ord, så overskrifter forbliver læselige. Når du sikrer dig en Mark, er det kun dig, der kan eksportere med den. Gradientmaterialer forklarer materialelagene mere detaljeret.