# Gradientvarumärke: så äger du en gradientidentitet

[Canonical HTML page](https://gradiently.design/sv/guide/gradient-branding)

Gradienter finns överallt, och det är precis problemet. Så gör du en till en identitet som folk känner igen, i stället för en bakgrund som vem som helst kunde använda.

## The short version

- Gradient i varumärket betyder att använda en bestämd blandning av färger som en central, igenkännbar del av ett varumärke, på samma sätt som andra varumärken använder en enda färg.
- En gradient fungerar bara som varumärkesbärare när den är konsekvent: samma färger, riktning, textur och beteende överallt där varumärket syns.
- Populära gradienter delas av tusentals varumärken, så en gradient byggd av en förinställning blir sällan igenkännbar av sig själv.
- De starkaste gradientidentiteterna lägger till något svårare att kopiera än färg: ett material, en textur, ett sätt att röra sig eller ett sätt att göra plats för ord.
- Varje gradientidentitet behöver en platt reservfärg för små storlekar, enfärgstryck och ställen där gradienter inte går att rendera.

**Gradient i varumärket** är att använda en särskild blandning av färger som en central del av hur folk känner igen dig, på samma sätt som ett annat varumärke kan äga ett enda rött. Görs det bra blir gradienten en signatur: folk ser ett hörn av ett inlägg eller en remsa av ett sidhuvud och vet vems det är innan de läst ett ord. Görs det dåligt blir den en behaglig bakgrund som kunde tillhöra vem som helst, eftersom den redan gör det.

Den här guiden tar upp varför gradienter blev varumärkessignaturer, varför de flesta inte blir igenkännbara och de praktiska stegen för att bygga en du kan kalla din. Är du ny på ämnet, börja med [vad en gradient är](https://gradiently.design/sv/guide/what-is-a-gradient) och [typerna av gradienter](https://gradiently.design/sv/guide/types-of-gradients).

## Därför gick varumärken från platt färg till gradienter

Platt design dominerade skärmarna i flera år eftersom den var ren, snabb och lätt att hålla konsekvent. Men platt färg har ett tak: det finns bara så många urskiljbara nyanser, och de flesta kategorier har redan en färg som alla använder. En gradient multiplicerar alternativen. Två eller tre färger, en riktning och en textur ger ett utrymme av kombinationer som är stort nog för att hitta något särpräglat.

Gradienter känns också levande på skärmar. En övergång antyder ljus, djup och rörelse på ett sätt en enda färg inte kan, vilket är varför de dyker upp så ofta på appikoner, lanseringssidor och produktfilmer.

Ett stående inlägg i sociala medier med rubriken Öppet sent på fredagar på en mörk, glödande gradient

En gradientidentitet i ett flödesinlägg…

En stående story som tillkännager en ny meny på samma gradient som inlägget bredvid

…och i en story. Samma material, ett annat uppdrag.

## Därför är de flesta gradienter i varumärken inte igenkännbara

Det som gjorde gradienter enkla gjorde dem också vanliga. Designverktyg levereras med samma förinställningar, generatorer föreslår samma par och trender puffar alla mot samma övergång från lila till rosa eller blått till turkos samtidigt. När tusentals varumärken utgår från samma få hundra gradienter slutar de gradienterna att tillhöra någon.

- Violett till rosa: `linear-gradient(135deg, #7f5af0 0%, #ff6ac1 100%)`
- Blått till cyan: `linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)`
- Orkidé till korall: `linear-gradient(135deg, #f093fb 0%, #f5576c 100%)`
- Grönt till akvamarin: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)`

Välbekanta tvåfärgsövergångar. Var och en är attraktiv, och var och en används av så många varumärken att ingen av dem säger vem du är.

Det finns en andra fälla: inkonsekvens. Ett varumärke använder en gradient på sin webbplats, en något annorlunda i sociala medier och en tredje i sina presentationer eftersom någon byggde om den efter minnet. Igenkänning kommer av upprepning, och upprepning kräver att gradienten är densamma varje gång. Vår guide om [varumärkeskonsekvens](https://gradiently.design/sv/guide/brand-consistency) går djupare in på varför.

## Vad som gör en gradient möjlig att äga

Enbart färg är lätt att låna. Det som gör en gradientidentitet svår att kopiera är allt runt färgen. Tänk på en gradientidentitet som ett recept snarare än ett färgprov.

| Ingrediens | Vad den gör | Hur svår att kopiera |
| --- | --- | --- |
| Färger | Det första folk lägger märke till | Lätt: vem som helst kan sampla en hexkod |
| Riktning och struktur | Linjära, radiella, mesh- eller flödande fält | Lätt till måttligt |
| Material och textur | Korn, siden, glas, papper, ljus | Svårt: det sitter i hur ytan beter sig |
| Rörelse | Hur färgen driver eller flödar | Svårt: det kräver samma system för att återskapas |
| Beteende med ord | Hur fältet gör plats för text | Mycket svårt utan samma system |

Ju längre ner i listan, desto mer blir en gradient din.

Det här är tänkandet bakom särpräglade varumärkestillgångar: de element som utlöser igenkänning på egen hand, utan en logotyp. En gradient blir en sådan tillgång först när hela dess recept förblir konsekvent. Läs mer i [särpräglade varumärkestillgångar](https://gradiently.design/sv/guide/distinctive-brand-assets).

## Så bygger du en gradientidentitet, steg för steg

1. **Utgå från vad du vill att folk ska känna** Skriv tre ord för ditt varumärkes karaktär, som *lugn, precis, varm*. De avgör temperatur, kontrast och textur innan du tittar på en enda färg. [Varumärkespersonlighet](https://gradiently.design/sv/guide/brand-personality) har en enkel metod.
2. **Välj en botten** Bestäm om din gradient lever på en mörk botten eller en ljus. Mörka bottnar får färg att glöda; ljusa känns luftiga och tryckta. De flesta identiteter väljer en och behåller den.
3. **Välj tre till fem färger, inte två** Tvåfärgsövergångar är de mest kopierade. En liten familj av besläktade färger med en accent ger djup och större chans att bli särpräglad. Kontrollera att övergångarna inte går grå i mitten; se [grumliga gradienter](https://gradiently.design/sv/guide/muddy-gradients).
4. **Lägg till ett material** Korn, en sidenglans, mjukt ljus eller en pappersstruktur ändrar hur samma färger läses. Det är här det mesta av karaktären sitter, och det är delen en färgpipett inte kan kopiera.
5. **Bestäm hur den beter sig med ord** Din gradient kommer att bära rubriker, priser och datum. Bestäm var texten sitter och hur bakgrunden gör plats för den. [Text på en gradient](https://gradiently.design/sv/guide/text-on-gradient) tar upp alternativen.
6. **Ange en platt reserv** Välj en solid färg ur gradienten för favicons, minimala storlekar, broderi och enfärgstryck. En gradientidentitet utan reserv går sönder i små storlekar.
7. **Skriv ner den och använd den överallt** Anteckna färger, riktning, textur och reserv i din [varumärkesstilguide](https://gradiently.design/sv/guide/brand-style-guide) och tillämpa den sedan på varje format under samma vecka.

- Midnattsbotten: #0e0a1f
- Djup ametist: #3b1d6e
- Violett ljus: #8b5cf6
- Glödrosa: #f472b6
- Varm högdager: #fcd9c4

En gradientfamilj: en mörk botten, tre sammanhängande färger och en varm högdager. Högdagern används sparsamt, vilket är det som gör den minnesvärd.

## Hålla en gradient konsekvent i varje format

Ett kvadratiskt inlägg, en stående story och en banner i förhållandet tre till ett är olika problem. Att sträcka en gradientbild över alla förvränger den och flyttar dess ljusaste del till fel ställe. Lösningen är att behandla gradienten som något du renderar för varje form, inte en bild du beskär.

- Inlägg 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920
- X-header 3:1: 1500 × 500
- Bild 16:9: 1920 × 1080

Samma identitet, renderad för varje format i stället för beskuren ur en bild.

### Undvik

- Att bygga om gradienten efter minnet för varje ny fil
- Att beskära en bred bild till varje format
- En annan gradient för varje plattform
- Ingen platt färg för små storlekar

### Gör så här

- Ett skrivet recept som alla använder
- Att rendera gradienten för varje storlek
- En identitet, med variation i layout och ord
- En enda reservfärg vald ur familjen

## Att äga en gradient helt och hållet

Även en noggrant byggd gradient kan samplas och återanvändas av någon annan. Därför behandlar Gradiently en gradientidentitet som en **Mark**: ett levande recept av färger, material, ljus, korn och rörelse som renderas bakom allt du designar, med en offentlig kod och exakt en ägare i taget. Innan en ny Mark publiceras kontrolleras den mot alla andra, och allt som ligger för nära nekas, så att looken du säkrar inte redan ligger i någon annans flöde.

En Mark är en gradientidentitet med en ägare: dess sida visar dess kod, dess skapare och vem som har den nu.

Du kan bläddra bland tusentals Marks på [Marknaden](/market), designa med vilken som helst av dem gratis och säkra den som känns som du. Eller gör din egen i [Forge](/forge), från en mening eller reglage för reglage.

> **Ett snabbt test** Täck över din logotyp och dina ord och visa sedan en främling tre av dina inlägg bredvid tre från en konkurrent. Om de inte kan säga vilka som är dina gör din gradient inte en identitets jobb än.

## FAQ

### Vad är gradient i varumärket?

Gradient i varumärket är att använda en bestämd blandning av färger som en central, igenkännbar del av ett varumärkes identitet, tillämpad konsekvent i varje format, ungefär som en signaturfärg.

### Går det att varumärkesskydda en gradient?

Skyddet för färger och färgkombinationer beror på land och kräver oftast att man visar att folk redan förknippar färgerna med ditt varumärke. För juridiska frågor, fråga en varumärkesjurist.

### Hur många färger ska en varumärkesgradient ha?

Tre till fem besläktade färger fungerar oftast bäst: nog för djup och särprägel, få nog för att förbli konsekvent. Tvåfärgsövergångar är lättast att kopiera.

### Fungerar gradientloggor i små storlekar?

Ofta inte. Varje gradientidentitet bör innehålla en platt reservfärg för favicons, små ikoner och enfärgstryck, hämtad ur gradientfamiljen.

### Hur gör jag min gradient unik?

Gå bortom färg: lägg till ett material eller en textur, bestäm hur den rör sig och hur den gör plats för ord, och håll den identisk överallt. Med Gradiently kan du också säkra en Mark, en gradientidentitet med exakt en ägare.