# Merkevaregradient: slik gjør du én gradient til din signatur

[Canonical HTML page](https://gradiently.design/nb/guide/brand-gradient-system)

Noen merkevarer kjennes igjen på et hjørne av farge før du ser logoen. Det er aldri tilfeldig. Slik bygger du en merkevaregradient som fungerer som signatur, ikke pynt.

## The short version

- En merkevaregradient fungerer som signatur bare når den er særpreget, nøyaktig spesifisert og brukt likt i alle kontaktpunkter.
- En fullstendig spesifikasjon av en merkevaregradient dekker bunnfargen, fargefamilien, hvor lyset kommer fra, overflatestrukturen, kornet og eventuell bevegelse.
- Hver merkevaregradient trenger en flat fargeversjon som reserve til små størrelser, enfarget trykk og brodering.
- Gjenkjennelse kommer av gjentakelse, så en signaturgradient bør dukke opp i samme rolle og omtrent samme mengde i innlegg, presentasjoner og emballasje.
- Gradienter er vanskelige å beskytte juridisk, og derfor betyr særpreg og konsekvent bruk mer enn noe enkelt fargevalg.

En **merkevaregradient** blir en signatur når tre ting stemmer: den ligner ikke noen andres, den er spesifisert så nøyaktig at hver designer gjenskaper den likt, og den dukker opp i samme rolle hver gang. De fleste merkevaregradienter stryker på den første testen fordi de starter fra en populær forhåndsinnstilling, og resten stryker på den andre fordi de lever som ett eksportert bilde i stedet for en oppskrift. Bygg elementet med vilje, så kan det gjøre jobben til en logo tvers over et rom.

## Hva som skiller en signatur fra en fin gradient

### Pynt

- Fiolett til rosa, fordi det så bra ut
- Gjenskapt på øyemål for hvert design
- Vinkel og farger varierer fra designer til designer
- Brukt overalt, så den betyr ingenting
- Ryker i favikonstørrelse og i enfarget trykk

### Signatur

- Et fargeterritorium konkurrentene ikke bruker
- Én skriftlig oppskrift, lagret som tokens
- Lyset kommer alltid fra samme sted
- Forbeholdt bestemte øyeblikk, så den blir lagt merke til
- Har en planlagt flat reserveversjon

Det bredere argumentet for å eie visuelle elementer finner du i [særpregede merkevareelementer](https://gradiently.design/nb/guide/distinctive-brand-assets). Denne artikkelen handler om den praktiske byggingen.

## Slik lager du en merkevaregradient, steg for steg

1. **Kartlegg kategorien** Ta skjermbilder av feedene, nettsidene og emballasjen til ti konkurrenter og legg dem ut sammen. Noter hvilke fargetoner og blandinger som går igjen. Gradienten din bør leve et sted der den veggen er tom.
2. **Velg en bunnfarge** Bestem mørk eller lys først. En dyp bunn får fargene til å gløde og virker eksklusiv; en varm offwhite virker trykt og rolig. Bunnfargen bærer stemningen mer enn aksenten gjør.
3. **Velg en liten familie** Tre til fem beslektede farger pluss høyst én aksent. Nære naboer blander seg rent; motsetninger blir grå, slik [grumsete gradienter](https://gradiently.design/nb/guide/muddy-gradients) forklarer.
4. **Bestem hvor lyset kommer fra** En glød lavt i ett hjørne, et bånd over toppen, en lysdam bak midten. Å låse lyskilden er det som gjør gradienten gjenkjennelig når den beskjæres.
5. **Legg til en overflate** Korn, papir, silke eller glass. Et materiale skiller gradienten din fra en skjermstandard. [Struktur i gradienter](https://gradiently.design/nb/guide/gradient-texture) sammenligner alternativene.
6. **Test gjenkjennelsen** Lag fem design, dekk til logoene og vis dem til noen som kjenner merkevaren. Kan de navngi den ut fra fargen alene, virker den.

Kobberlys på dyp petrol: `radial-gradient(circle at 20% 85%, #f59e0b 0%, #b45309 18%, #134e4a 55%, #042f2e 100%)`

Et eksempel på en signatur: en dyp petrolbunn opplyst av kobber fra nede til venstre. Petrol og kobber ligger nær nok hverandre i varme til å blande seg gjennom brunt i stedet for grått, og hjørnelyset er det folk husker.

## Skriv oppskriften, ikke bare fargene

Hexkoder alene definerer ikke en gradient. To designere som får de samme fire fargene, lager to ulike resultater, fordi stoppposisjoner, retning og struktur er der karakteren bor. Skriv en spesifikasjon som en nykommer kan følge uten å spørre deg.

| Del | Eksempel på spesifikasjon |
| --- | --- |
| Bunn | Dyp petrol `#042f2e`, minst halve flaten |
| Familie | `#134e4a` petrol, `#b45309` kobber, `#f59e0b` rav |
| Lys | Radialt, sentrert nede til venstre, aldri bak overskriften |
| Stopp | 0 %, 18 %, 55 %, 100 % |
| Overflate | Fint monokromt korn, så vidt synlig i full størrelse |
| Bevegelse | Lyset driver sakte langs nederkanten; går i loop |
| Reserve | Flat dyp petrol med kobber som eneste aksent |

En spesifikasjon av en merkevaregradient på én side. Legg den i [stilguiden for merkevaren](https://gradiently.design/nb/guide/brand-style-guide) og lagre verdiene som kode.

## Planlegg den flate reserveversjonen

En gradient forsvinner i favikonstørrelse, i enfarget trykk, på brodering og i enkelte e-postprogrammer. Velg de flate versjonene nå i stedet for å la hver leverandør gjette. Som regel er det bunnfargen som flat hovedfarge og den lyseste lysfargen som eneste aksent.

- Bunn, flat hovedfarge: #042f2e
- Lys, flat aksent: #f59e0b
- Petrol, sekundær: #134e4a
- Papir, til tekst: #fdf6ec

Den flate paletten som erstatter gradienten på et favikon, et stempel, en uniform eller en ren tekst-e-post.

## Bruk den i samme rolle overalt

Gjenkjennelse bygges gjennom gjentakelse i en konsekvent rolle. Bestem hvor merkevaregradienten skal dukke opp: kanskje på forsider, lanseringer og øverst i hver presentasjon, mens de flate fargene tar hverdagsjobben. En signatur brukt på alt blir tapet. [Konsekvent merkevare](https://gradiently.design/nb/guide/brand-consistency) har mer om regler team faktisk følger.

- Story 1080×1920: 1080 × 1920
- Innlegg 1080×1350: 1080 × 1350
- LinkedIn-banner 1584×396: 1584 × 396
- Lysbilde 1920×1080: 1920 × 1080
- Visittkort 1050×600: 1050 × 600

Fem kontaktpunkter med svært ulike formater. Hjørnelyset må lande på samme relative sted i hvert, og det betyr at gradienten gjengis per format i stedet for at ett bilde beskjæres.

## Slik beskytter du en merkevaregradient

Farger og gradienter er vanskelige å beskytte juridisk, og detaljene avhenger av landet og av lang, dokumentert bruk; [kan du opphavsrettsbeskytte en gradient](https://gradiently.design/nb/guide/can-you-copyright-a-gradient) gir det generelle bildet uten juridisk rådgivning. I praksis er beskyttelsen de fleste merkevarer har, særpreg pluss konsekvens: et uttrykk så knyttet til deg at en kopi bare ville minne folk om deg.

Gradiently ble bygget for dette hullet. En Mark er en ferdig oppskrift av farger, materialer, lys, korn og bevegelse, sjekket mot alle andre Marks så ingenting som ligger for nær blir godtatt, og den har nøyaktig én eier om gangen. Når du sikrer deg en, står navnet ditt i det offentlige registeret med et nummerert sertifikat, og bare du kan eksportere design med den. Det er en registeroppføring, ikke et varemerke, men det betyr at signaturen din ikke kan dukke opp i feeden til en konkurrent som bruker samme verktøy.

Et stående innlegg med én kort linje over en særpreget, opplyst gradientbakgrunn

En merkevaregradient som gjør jobben sin: fargen og lyset bærer identiteten, så ordene kan være korte.

## FAQ

### Hva er en merkevaregradient?

En gradient en merkevare bruker konsekvent som del av identiteten sin, spesifisert nøyaktig så den kan gjenskapes likt overalt.

### Hvordan lager jeg en signaturgradient for merkevaren min?

Finn et fargeterritorium konkurrentene ikke bruker, velg en bunnfarge og en liten fargefamilie, lås hvor lyset kommer fra, legg til en overflatestruktur, og test om folk kjenner den igjen uten logoen.

### Hva bør retningslinjer for en merkevaregradient inneholde?

Bunnfargen, fargefamilien med hexkoder, stoppposisjoner, lysretning, struktur, eventuell bevegelse og en flat fargeversjon som reserve.

### Kan jeg varemerkebeskytte merkevaregradienten min?

Å beskytte farger og gradienter juridisk er vanskelig og avhenger av landet og av dokumentert bruk, så spør en varemerkeadvokat. Særpreget, konsekvent bruk er beskyttelsen de fleste merkevarer lener seg på.

### Trenger en merkevaregradient en flat versjon?

Ja. Favikoner, enfarget trykk, brodering og enkelte e-postprogrammer kan ikke vise en gradient, så planlegg flate farger på forhånd.