Varumärke

Gradientvarumärke: så äger du en gradientidentitet

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.

GradientlyVerifierat Gradiently-konto··6 minuters läsning
Omslag: Dahlia Shadow · GR·WASZ·E3

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.

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 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.

IngrediensVad den görHur svår att kopiera
FärgerDet första folk lägger märke tillLätt: vem som helst kan sampla en hexkod
Riktning och strukturLinjära, radiella, mesh- eller flödande fältLätt till måttligt
Material och texturKorn, siden, glas, papper, ljusSvårt: det sitter i hur ytan beter sig
RörelseHur färgen driver eller flödarSvårt: det kräver samma system för att återskapas
Beteende med ordHur fältet gör plats för textMycket 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.

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

  1. 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. 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. 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. 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. 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. 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. 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.

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.

Dahlia Shadow

GR·WASZ·E3

Dahlia Shadow

Se den här Marken
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, 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.

Dela den här guiden

Skriven av GradientlyVerifierat Gradiently-konto

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