# Varumärkesgradient: gör en gradient till din signatur [Canonical HTML page](https://gradiently.design/sv/guide/brand-gradient-system) Vissa varumärken känns igen på ett hörn av färg innan du ser logotypen. Det är aldrig en slump. Så bygger du en varumärkesgradient som fungerar som signatur, inte dekoration. ## The short version - En varumärkesgradient fungerar som signatur bara när den är särpräglad, exakt specificerad och används på samma sätt i varje kontaktpunkt. - En fullständig specifikation för en varumärkesgradient omfattar bakgrundsfärgen, färgfamiljen, varifrån ljuset kommer, ytstrukturen, kornet och eventuell rörelse. - Varje varumärkesgradient behöver en enfärgad reserv för små storlekar, enfärgstryck och broderi. - Igenkänning kommer av upprepning, så en signaturgradient ska dyka upp i samma roll och ungefär lika mycket i inlägg, presentationer och förpackningar. - Gradienter är svåra att skydda juridiskt, och därför betyder särprägel och konsekvent användning mer än något enskilt färgval. En **varumärkesgradient** blir en signatur när tre saker stämmer: den ser inte ut som någon annans, den är specificerad så exakt att varje designer återskapar den likadant, och den förekommer i samma roll varje gång. De flesta varumärkesgradienter faller på det första testet eftersom de utgår från en populär förinställning, och resten faller på det andra eftersom de bara finns som en exporterad bild i stället för ett recept. Bygg tillgången med eftertanke så kan den göra en logotyps jobb från andra sidan rummet. ## Vad som skiljer en signatur från en snygg gradient ### Dekoration - Violett till rosa, för att det såg bra ut - Byggs om på känn för varje design - Vinkel och färger varierar med designern - Används överallt, så den betyder ingenting - Går sönder i favicon-storlek och i enfärgstryck ### Signatur - Ett färgområde som konkurrenterna inte använder - Ett skrivet recept, lagrat som tokens - Ljuset kommer alltid från samma håll - Reserverad för bestämda tillfällen, så den märks - Har en planerad enfärgad reserv Det bredare argumentet för att äga visuella tillgångar finns i [särpräglade varumärkestillgångar](https://gradiently.design/sv/guide/distinctive-brand-assets). Den här artikeln handlar om det praktiska bygget. ## Så skapar du en varumärkesgradient, steg för steg 1. **Kartlägg kategorin** Ta skärmdumpar av flöden, webbplatser och förpackningar från tio konkurrenter och lägg ut dem tillsammans. Notera vilka nyanser och blandningar som återkommer. Din gradient ska bo där väggen är tom. 2. **Välj en bakgrund** Bestäm först mörkt eller ljust. En djup bakgrund får färger att glöda och känns premium; en varm off-white känns tryckt och lugn. Bakgrunden bär stämningen mer än accenten gör. 3. **Välj en liten familj** Tre till fem sammanhörande färger plus högst en accent. Närliggande färger blandas rent; motsatser blir grå, som [grumliga gradienter](https://gradiently.design/sv/guide/muddy-gradients) förklarar. 4. **Bestäm varifrån ljuset kommer** En glöd lågt i ena hörnet, ett band över toppen, en ljuspöl bakom mitten. Att fastställa ljuskällan är det som gör gradienten igenkännbar när den beskärs. 5. **Lägg till en yta** Korn, papper, siden eller glas. Ett material skiljer din gradient från en skärmstandard. [Gradientstruktur](https://gradiently.design/sv/guide/gradient-texture) jämför alternativen. 6. **Testa igenkänningen** Gör fem designer, täck över logotyperna och visa dem för någon som känner varumärket. Om hen kan namnge det på färgen ensam fungerar det. Kopparljus på djupt blågrönt: `radial-gradient(circle at 20% 85%, #f59e0b 0%, #b45309 18%, #134e4a 55%, #042f2e 100%)` En exempelsignatur: en djupblågrön bakgrund upplyst av koppar från nedre vänstra hörnet. Blågrönt och koppar ligger tillräckligt nära i värme för att blandas via brunt i stället för grått, och hörnljuset är det folk minns. ## Skriv receptet, inte bara färgerna Enbart hexkoder definierar inte en gradient. Två designers som får samma fyra färger ger två olika resultat, eftersom stoppens lägen, riktningen och strukturen är där karaktären finns. Skriv en specifikation som någon ny kan följa utan att fråga dig. | Del | Exempel på specifikation | | --- | --- | | Bakgrund | Djupt blågrönt `#042f2e`, minst hälften av ytan | | Familj | `#134e4a` blågrön, `#b45309` koppar, `#f59e0b` bärnsten | | Ljus | Radiellt, centrerat nere till vänster, aldrig bakom rubriken | | Stopp | 0%, 18%, 55%, 100% | | Yta | Fint enfärgat korn, precis synligt i full storlek | | Rörelse | Ljuset driver långsamt längs nederkanten; loopar | | Reserv | Enfärgat djupblågrönt med koppar som enda accent | En enkelsidig specifikation för en varumärkesgradient. Lägg den i den [grafiska manualen](https://gradiently.design/sv/guide/brand-style-guide) och spara värdena som kod. ## Planera den enfärgade reserven En gradient försvinner i favicon-storlek, i enfärgstryck, på broderi och i vissa e-postklienter. Välj de enfärgade versionerna nu i stället för att låta varje leverantör gissa. Oftast är det bakgrundsfärgen som huvudsaklig enfärg och den ljusaste ljusfärgen som enda accent. - Bakgrund, primär enfärg: #042f2e - Ljus, accentenfärg: #f59e0b - Blågrönt, sekundär: #134e4a - Papper, för text: #fdf6ec Den enfärgade paletten som står i för gradienten på en favicon, en stämpel, en uniform eller ett e-postmeddelande i ren text. ## Använd den i samma roll överallt Igenkänning byggs av upprepning i en konsekvent roll. Bestäm var varumärkesgradienten ska synas: kanske på omslag, lanseringar och överst i varje presentation, medan de enfärgade tonerna gör vardagsjobbet. En signatur som används på allt blir tapet. [Varumärkeskonsekvens](https://gradiently.design/sv/guide/brand-consistency) har mer om regler som team faktiskt följer. - Story 1080×1920: 1080 × 1920 - Inlägg 1080×1350: 1080 × 1350 - LinkedIn-banner 1584×396: 1584 × 396 - Bild 1920×1080: 1920 × 1080 - Visitkort 1050×600: 1050 × 600 Fem kontaktpunkter med mycket olika former. Hörnljuset måste hamna på samma relativa plats i varje, vilket betyder att gradienten renderas per format i stället för att en bild beskärs. ## Att skydda en varumärkesgradient Färger och gradienter är svåra att skydda juridiskt, och detaljerna beror på land och på lång, belagd användning; [kan man upphovsrättsskydda en gradient](https://gradiently.design/sv/guide/can-you-copyright-a-gradient) beskriver den allmänna bilden utan att vara juridisk rådgivning. I praktiken är det skydd de flesta varumärken har särprägel plus konsekvens: ett utseende så knutet till dig att en kopia bara skulle påminna folk om dig. Gradiently byggdes för det här gapet. En Mark är ett färdigt recept av färger, material, ljus, korn och rörelse, kontrollerad mot varje annan Mark så att inget som ligger för nära godkänns, och den har exakt en ägare i taget. Att säkra en sätter ditt namn i dess offentliga register med ett numrerat certifikat, och bara du kan exportera designer med den. Det är en registerpost, inte ett varumärkesskydd, men det betyder att din signatur inte kan dyka upp i en konkurrents flöde gjord med samma verktyg. Ett stående inlägg med en enda kort rad över en särpräglad upplyst gradientbakgrund En varumärkesgradient som gör sitt jobb: färgen och ljuset bär identiteten, så orden kan vara korta. ## FAQ ### Vad är en varumärkesgradient? En gradient som ett varumärke använder konsekvent som en del av sin identitet, exakt specificerad så att den kan återskapas likadant överallt. ### Hur skapar jag en signaturgradient för mitt varumärke? Hitta ett färgområde som konkurrenterna inte använder, välj en bakgrund och en liten färgfamilj, fastställ varifrån ljuset kommer, lägg till en ytstruktur och testa om folk känner igen den utan logotypen. ### Vad ska riktlinjer för en varumärkesgradient innehålla? Bakgrundsfärgen, färgfamiljen med hexkoder, stoppens lägen, ljusriktningen, strukturen, eventuell rörelse och en enfärgad reserv. ### Kan jag varumärkesskydda min varumärkesgradient? Att skydda färger och gradienter juridiskt är svårt och beror på land och på belagd användning, så fråga en varumärkesjurist. Särpräglad, konsekvent användning är det skydd de flesta varumärken förlitar sig på. ### Behöver en varumärkesgradient en enfärgad version? Ja. Favicons, enfärgstryck, broderi och vissa e-postklienter kan inte visa en gradient, så planera enfärgade toner i förväg.