Merkevaretekstur: materialet som gir uttrykket særpreg

Merkevaretekstur er materialfølelsen i alle flater merkevaren bruker: kornet i bakgrunnen, strukturen i papiret, glansen i glasset og lysets retning og mykhet. Det er forskjellen mellom en farge på skjerm og en farge på noe. To merkevarer kan dele palett og font, men hvis den ene har fint filmkorn og den andre rent glass, forveksler ingen dem.

Tekstur er også en av delene som motstår kopiering. Alle kan lese hex-kodene fra et skjermbilde. Å gjenskape kornet nøyaktig, med størrelse, tetthet og hvordan lyset faller over det, er langt vanskeligere. Derfor kan tekstur bli et sterkt signaturtrekk i den visuelle identiteten.

Hva tekstur gjør for en merkevare

Tekstur vekker assosiasjoner straks, lenge før noen leser et ord. Den svarer på spørsmål som: håndlaget eller konstruert, varmt eller kjølig, hverdagslig eller spesielt?

Ingen er bedre enn de andre. Teksturen må stemme med det du sier om deg selv. En merkevare som snakker om langsomt håndverk, men bruker blankt glass, sender blandede signaler. Merkevarepersonlighet er et godt utgangspunkt hvis du er usikker på hva din bør si.

Korn, materiale og lys: de tre lagene

De fleste fyldige teksturer bygges av tre lag. Vurderer du dem separat, blir tekstur noe du designer bevisst fremfor et filter du legger på til slutt.

1. 1

   Materiale

   Overflatens grunnleggende oppførsel: hvordan fargen flyter over den. Jevne blandinger, myke folder, flytende former eller skarpe fasetter.

2. 2

   Lys

   Hvor det kommer fra, og hvor hardt det er. Mykt lys fra ett hjørne gir dybde. Jevn belysning virker flat og digital.

3. 3

   Korn

   Den fine støyen på toppen. Litt gir materialfølelse og skjuler fargebånd. For mye virker skittent og konkurrerer med teksten.

Til kornlaget på nett holder et lite SVG-støybilde over bakgrunnen. Hold opasiteten lav. Kornet skal merkes mer enn det sees.

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

Kornete gradienter har flere oppskrifter. Fargebånd i gradienter forklarer hvorfor støy også er standardløsningen mot synlige striper i jevne blandinger.

Slik velger du merkevarens tekstur

• Start med ett ord. Skriv følelsen du vil vekke, som «håndlaget» eller «presis», og velg gruppen som passer.
• Prøv den bak ord. Tekstur ligger under overskrifter, priser og datoer. Blir de vanskeligere å lese på telefon, er den for sterk.
• Sjekk begge ytterpunkter. Se den på en historie i 1080×1920 og et visittkort i 1050×600. Korn som fungerer stort, kan bli grøtete smått.
• Sjekk på trykk. Korn som fungerer fint på skjerm, kan ligne en trykkfeil på papir. Skriv ut én A5-flyer før du bestemmer deg.

Feil som får tekstur til å virke billig

Det siste punktet rammer mange. Når et teksturbilde strekkes fra kvadratisk innlegg til bredt banner, strekkes kornet også, og lyset havner feil. Teksturen bør gjengis i størrelsen den brukes. Bakgrunnstekstur forklarer dette også.

Gjør teksturen til din

Et gratis støylag er tilgjengelig for alle. Det er problemet: jo mer populær en tekstur er, desto mindre sier den om deg. For å bli noe du kan eie, må den være en bestemt kombinasjon ingen andre bruker.

Det er dette en Gradiently Mark er laget for. Hver Mark er en oppskrift av farger, opptil tre stablede materialer, lys, korn og bevegelse, og sammenlignes med alle andre slik at ingen ser like ut. Den gjengis levende i hver designstørrelse, med riktig plassert korn og lys. Den demper detaljene bak ordene, så overskriftene er lesbare. Når du sikrer deg en Mark, kan bare du eksportere med den. Gradientmaterialer forklarer materiallagene nærmere.