# Brandgradient: sådan gør du én gradient til din signatur [Canonical HTML page](https://gradiently.design/da/guide/brand-gradient-system) Nogle brands kan genkendes på et hjørne af farve, før du ser logoet. Det er aldrig tilfældigt. Her er, hvordan du bygger en brandgradient, der virker som en signatur og ikke som pynt. ## The short version - En brandgradient virker kun som signatur, når den er karakteristisk, præcist specificeret og brugt på samme måde i hvert kontaktpunkt. - En fuld specifikation af en brandgradient dækker bundfarven, farvefamilien, hvor lyset kommer fra, overfladens tekstur, kornet og eventuel bevægelse. - Hver brandgradient har brug for en flad farve som reserve til små størrelser, ensfarvet tryk og broderi. - Genkendelse kommer af gentagelse, så en signaturgradient bør optræde i samme rolle og omtrent samme mængde på tværs af opslag, slides og emballage. - Gradienter er svære at beskytte juridisk, og derfor betyder særpræg og konsekvent brug mere end noget enkelt farvevalg. En **brandgradient** bliver en signatur, når tre ting er sande: den ligner ikke nogen andens, den er specificeret så præcist, at hver designer gengiver den på samme måde, og den optræder i samme rolle hver gang. De fleste brandgradienter dumper den første test, fordi de starter fra en populær skabelon, og resten dumper den anden, fordi de findes som ét eksporteret billede i stedet for en opskrift. Byg aktivet med omtanke, og det kan gøre et logos arbejde fra den anden side af et rum. ## Hvad der adskiller en signatur fra en pæn gradient ### Pynt - Violet til pink, fordi det så godt ud - Bygget om på øjemål til hvert design - Vinkel og farver varierer fra designer til designer - Brugt overalt, så den ikke betyder noget - Går i stykker i favicon-størrelse og i ensfarvet tryk ### Signatur - Et farveområde, konkurrenterne ikke bruger - Én skriftlig opskrift, gemt som tokens - Lyset kommer altid fra samme sted - Forbeholdt bestemte øjeblikke, så den bliver lagt mærke til - Har en planlagt flad reserve Det bredere argument for at eje visuelle aktiver findes i [karakteristiske brandaktiver](https://gradiently.design/da/guide/distinctive-brand-assets). Denne artikel handler om selve opbygningen. ## Sådan laver du en brandgradient, trin for trin 1. **Kortlæg kategorien** Tag skærmbilleder af ti konkurrenters feeds, sites og emballage, og læg dem op sammen. Notér, hvilke nuancer og blandinger der bliver ved med at dukke op. Din gradient skal bo et sted, hvor den væg er tom. 2. **Vælg en bund** Beslut først mørk eller lys. En dyb bund får farve til at gløde og virker eksklusiv; en varm råhvid virker trykt og rolig. Bunden bærer stemningen mere end accenten. 3. **Vælg en lille familie** Tre til fem beslægtede farver plus højst én accent. Tætte naboer blander rent; modsætninger bliver grå, som [mudrede gradienter](https://gradiently.design/da/guide/muddy-gradients) forklarer. 4. **Beslut, hvor lyset kommer fra** Et skær lavt i et hjørne, et bånd hen over toppen, en pøl bag midten. At låse lyskilden er det, der gør gradienten genkendelig, når den beskæres. 5. **Tilføj en overflade** Korn, papir, silke eller glas. Et materiale adskiller din gradient fra en skærmstandard. [Gradienttekstur](https://gradiently.design/da/guide/gradient-texture) sammenligner mulighederne. 6. **Test genkendelsen** Lav fem designs, dæk logoerne til, og vis dem til en, der kender brandet. Hvis vedkommende kan nævne det ud fra farven alene, virker det. Kobberlys på dyb turkis: `radial-gradient(circle at 20% 85%, #f59e0b 0%, #b45309 18%, #134e4a 55%, #042f2e 100%)` En eksempelsignatur: en dyb turkis bund, oplyst af kobber nederst til venstre. Turkis og kobber er tæt nok på hinanden i varme til at blande gennem brun frem for grå, og hjørnelyset er det, folk husker. ## Skriv opskriften, ikke kun farverne Hex-koder alene definerer ikke en gradient. To designere, der får de samme fire farver, laver to forskellige resultater, fordi stoppositioner, retning og tekstur er der, hvor karakteren sidder. Skriv en specifikation, som en nyansat kan følge uden at spørge dig. | Del | Eksempel på specifikation | | --- | --- | | Bund | Dyb turkis `#042f2e`, mindst halvdelen af fladen | | Familie | `#134e4a` turkis, `#b45309` kobber, `#f59e0b` rav | | Lys | Radialt, centreret lavt til venstre, aldrig bag overskriften | | Stop | 0 %, 18 %, 55 %, 100 % | | Overflade | Fint ensfarvet korn, lige synligt i fuld størrelse | | Bevægelse | Lyset driver langsomt langs bundkanten; looper | | Reserve | Flad dyb turkis med kobber som eneste accent | En specifikation af en brandgradient på én side. Læg den i [brandguiden](https://gradiently.design/da/guide/brand-style-guide), og gem værdierne som kode. ## Planlæg den flade reserve En gradient forsvinder i favicon-størrelse, i ensfarvet tryk, på broderi og i nogle mailklienter. Vælg de flade versioner nu i stedet for at lade hver leverandør gætte. Som regel er det bundfarven som den flade hovedfarve og den lyseste lysfarve som den eneste accent. - Bund, flad hovedfarve: #042f2e - Lys, flad accent: #f59e0b - Turkis, sekundær: #134e4a - Papir, til tekst: #fdf6ec Den flade palet, der træder i stedet for gradienten på en favicon, et stempel, en uniform eller en mail i ren tekst. ## Brug den i samme rolle overalt Genkendelse bygges ved gentagelse i en konsekvent rolle. Beslut, hvor brandgradienten optræder: måske på covers, lanceringer og øverst på hver præsentation, mens de flade farver tager det daglige arbejde. En signatur brugt på alt bliver til tapet. [Brandkonsistens](https://gradiently.design/da/guide/brand-consistency) har mere om regler, som teams rent faktisk følger. - Story 1080×1920: 1080 × 1920 - Opslag 1080×1350: 1080 × 1350 - LinkedIn-banner 1584×396: 1584 × 396 - Slide 1920×1080: 1920 × 1080 - Visitkort 1050×600: 1050 × 600 Fem kontaktpunkter med meget forskellige former. Hjørnelyset skal lande det samme relative sted på hver, hvilket betyder, at gradienten skal gengives pr. format frem for at beskære ét billede. ## Beskyttelse af en brandgradient Farver og gradienter er svære at beskytte med loven, og detaljerne afhænger af landet og af lang, dokumenteret brug; [kan man have ophavsret til en gradient](https://gradiently.design/da/guide/can-you-copyright-a-gradient) beskriver det generelle billede uden at være juridisk rådgivning. I praksis er den beskyttelse, de fleste brands har, særpræg plus konsekvens: et udtryk så knyttet til dig, at en kopi blot ville minde folk om dig. Gradiently er bygget til dette hul. En Mark er en færdig opskrift af farver, materialer, lys, korn og bevægelse, kontrolleret mod alle andre Marks, så intet for tæt på bliver accepteret, og den har præcis én ejer ad gangen. Når du sikrer dig en, kommer dit navn på dens offentlige registrering med et nummereret certifikat, og kun du kan eksportere designs med den. Det er en registerpost, ikke et varemærke, men det betyder, at din signatur ikke kan dukke op i en konkurrents feed lavet med det samme værktøj. Et opslag i højformat med en enkelt kort linje over en karakteristisk oplyst gradientbaggrund En brandgradient, der gør sit arbejde: farven og lyset bærer identiteten, så ordene kan blive korte. ## FAQ ### Hvad er en brandgradient? En gradient, et brand bruger konsekvent som en del af sin identitet, specificeret præcist, så den kan gengives på samme måde overalt. ### Hvordan laver jeg en signaturgradient til mit brand? Find et farveområde, konkurrenterne ikke bruger, vælg en bund og en lille farvefamilie, lås hvor lyset kommer fra, tilføj en overfladetekstur, og test, om folk genkender den uden logoet. ### Hvad skal retningslinjer for en brandgradient indeholde? Bundfarven, farvefamilien med hex-koder, stoppositioner, lysretning, tekstur, eventuel bevægelse og en flad farvereserve. ### Kan jeg varemærkeregistrere min brandgradient? Det er svært at beskytte farver og gradienter juridisk, og det afhænger af landet og af dokumenteret brug, så spørg en varemærkeadvokat. Karakteristisk og konsekvent brug er den beskyttelse, de fleste brands støtter sig til. ### Har en brandgradient brug for en flad version? Ja. Favicons, ensfarvet tryk, broderi og nogle mailklienter kan ikke vise en gradient, så planlæg flade farver på forhånd.