Kortversionen
- 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.
På den här sidan
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 och typerna av gradienter.
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.
En gradientidentitet i ett flödesinlägg…
…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.
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 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 |
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.
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 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.
- 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 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 och tillämpa den sedan på varje format under samma vecka.
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
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.

GR·WASZ·E3
Dahlia Shadow
Se den här MarkenDu kan bläddra bland tusentals Marks på Marknaden, designa med vilken som helst av dem gratis och säkra den som känns som du. Eller gör din egen i Forge, från en mening eller reglage för reglage.
Vanliga frågor
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.
Skriven av Gradiently
Teamet bakom Gradiently, ett designverktyg byggt kring Marks: levande gradienter som får allt du gör att kännas som ditt.
Se vår profil


