# Branding med gradienter: gør identiteten til din egen

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

Gradienter er overalt, og netop det er problemet. Sådan gør du en til en genkendelig identitet frem for en baggrund, alle kunne bruge.

## The short version

- Branding med gradienter betyder at bruge en bestemt farveblanding som en central, genkendelig del af et brand, ligesom andre brands bruger en enkelt farve.
- En gradient fungerer kun som branding, når den er ensartet: samme farver, retning, tekstur og adfærd overalt, hvor brandet optræder.
- Populære gradienter deles af tusindvis af brands, så en gradient bygget fra en forudindstilling bliver sjældent genkendelig alene.
- De stærkeste gradientidentiteter tilføjer noget, der er sværere at kopiere end farve: materiale, tekstur, bevægelse eller måden at give plads til ord på.
- Alle gradientidentiteter har brug for en ensfarvet reserve til små størrelser, tryk i én farve og steder, hvor gradienter ikke kan vises.

**Branding med gradienter** er at bruge en bestemt farveblanding som en central del af din genkendelighed, ligesom et andet brand kan være kendt for en bestemt rød. Lykkes det, bliver gradienten en signatur: folk ser et hjørne af et opslag eller en stribe af et banner og ved, hvem der står bag, før de læser et ord. Mislykkes det, bliver den en behagelig baggrund, der kunne tilhøre enhver, fordi den allerede gør det.

Denne guide gennemgår, hvorfor gradienter blev brandsignaturer, hvorfor de fleste ikke bliver genkendelige, og de praktiske trin til at bygge en, du kan kalde din. Er emnet nyt for dig, så start med [hvad en gradient er](https://gradiently.design/da/guide/what-is-a-gradient) og [typer af gradienter](https://gradiently.design/da/guide/types-of-gradients).

## Derfor gik brands fra ensfarvede flader til gradienter

Fladt design dominerede skærme i årevis, fordi det var rent, hurtigt og let at holde ensartet. Men en enkelt farve har en grænse: der er kun et vist antal kulører, folk kan skelne, og de fleste kategorier har allerede en farve, alle bruger. En gradient mangedobler mulighederne. To eller tre farver, en retning og en tekstur giver kombinationer nok til at finde noget særpræget.

Gradienter føles også levende på skærme. En blanding antyder lys, dybde og bevægelse på en måde, en enkelt farve ikke kan. Derfor optræder de så ofte på appikoner, lanceringssider og produktfilm.

Et opslag i højformat med overskriften Åbent sent om fredagen på en mørk, lysende gradient

Én gradientidentitet i et feedopslag…

En lodret story, der annoncerer en ny menu på samme gradient som opslaget ved siden af

…og i en story. Samme materiale, en anden opgave.

## Derfor er det meste gradientbranding ikke genkendeligt

Det, der gjorde gradienter nemme, gjorde dem også almindelige. Designværktøjer har de samme forudindstillinger, generatorer foreslår de samme par, og trends skubber alle mod samme lilla-til-lyserød eller blå-til-blågrøn blanding samtidig. Når tusindvis af brands starter fra de samme få hundrede gradienter, holder gradienterne op med at tilhøre nogen.

- Violet til lyserød: `linear-gradient(135deg, #7f5af0 0%, #ff6ac1 100%)`
- Blå til cyan: `linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)`
- Orkidé til koral: `linear-gradient(135deg, #f093fb 0%, #f5576c 100%)`
- Grøn til aqua: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)`

Velkendte blandinger af to farver. Alle er tiltalende og bruges af så mange brands, at ingen fortæller, hvem du er.

Der er endnu en fælde: uensartethed. Et brand bruger én gradient på hjemmesiden, en lidt anden på sociale medier og en tredje på slides, fordi nogen genskabte den efter hukommelsen. Genkendelighed kommer af gentagelse, og gentagelse kræver samme gradient hver gang. Vores guide til [ensartet branding](https://gradiently.design/da/guide/brand-consistency) går mere i dybden.

## Det gør en gradient til din egen

Farve alene er let at låne. Alt omkring farven gør en gradientidentitet svær at kopiere. Tænk på den som en opskrift frem for en farveprøve.

| Ingrediens | Funktion | Hvor svær at kopiere |
| --- | --- | --- |
| Farver | Det første, folk bemærker | Let: alle kan aflæse en hex-kode |
| Retning og struktur | Lineære, radiale, mesh eller flydende flader | Let til middel |
| Materiale og tekstur | Korn, silke, glas, papir, lys | Svært: det ligger i overfladens adfærd |
| Bevægelse | Hvordan farven driver eller flyder | Svært: kræver samme system at genskabe |
| Adfærd med ord | Hvordan fladen giver plads til tekst | Meget svært uden samme system |

Jo længere ned på listen, desto mere bliver gradienten din.

Det er tanken bag særprægede brandelementer: elementer, der alene udløser genkendelse uden et logo. En gradient bliver kun sådan et element, når hele opskriften forbliver ensartet. Læs mere i [særprægede brandelementer](https://gradiently.design/da/guide/distinctive-brand-assets).

## Byg en gradientidentitet trin for trin

1. **Start med den følelse, du vil skabe** Skriv tre ord om dit brands karakter, som *rolig, præcis, varm*. De bestemmer temperatur, kontrast og tekstur, før du ser på én eneste farve. [Brandpersonlighed](https://gradiently.design/da/guide/brand-personality) har en enkel metode.
2. **Vælg en bund** Beslut, om gradienten lever på en mørk eller lys bund. Mørke bunde får farver til at gløde. Lyse føles luftige og trykte. De fleste identiteter vælger én og holder fast.
3. **Vælg tre til fem farver frem for to** Blandinger med to farver kopieres mest. En lille familie af beslægtede farver med én accent giver dybde og bedre mulighed for særpræg. Tjek, at overgangene ikke bliver grå i midten. Se [mudrede gradienter](https://gradiently.design/da/guide/muddy-gradients).
4. **Tilføj et materiale** Korn, silkeglans, blødt lys eller papirstruktur ændrer oplevelsen af de samme farver. Her ligger det meste af karakteren, og den del kan en farvevælger ikke kopiere.
5. **Beslut, hvordan den virker med ord** Din gradient skal bære overskrifter, priser og datoer. Beslut, hvor teksten står, og hvordan baggrunden giver plads. [Tekst på en gradient](https://gradiently.design/da/guide/text-on-gradient) gennemgår mulighederne.
6. **Vælg en ensfarvet reserve** Vælg én farve fra gradienten til favicons, bittesmå formater, broderi og tryk i én farve. En gradientidentitet uden reserve bryder sammen i små størrelser.
7. **Skriv det ned, og brug det overalt** Notér farver, retning, tekstur og reservefarve i din [brandmanual](https://gradiently.design/da/guide/brand-style-guide), og anvend det i alle formater inden for samme uge.

- Midnatsbund: #0e0a1f
- Dyb ametyst: #3b1d6e
- Violet lys: #8b5cf6
- Glødende lyserød: #f472b6
- Varmt højlys: #fcd9c4

En gradientfamilie: en mørk bund, tre beslægtede farver og ét varmt højlys. Højlyset bruges sparsomt, og netop det gør det mindeværdigt.

## Hold gradienten ensartet i alle formater

Et kvadratisk opslag, en lodret story og et banner i tre-til-en-format er forskellige opgaver. At strække ét gradientbillede hen over alle tre forvrænger det og flytter den lyseste del til det forkerte sted. Løsningen er at behandle gradienten som noget, du renderer til hver form, ikke et billede, du beskærer.

- Opslag 4:5: 1080 × 1350
- Story 9:16: 1080 × 1920
- X-banner 3:1: 1500 × 500
- Slide 16:9: 1920 × 1080

Samme identitet renderet til hvert format frem for beskåret fra ét billede.

### Undgå

- At genskabe gradienten efter hukommelsen i hver ny fil
- At beskære ét bredt billede til alle formater
- En forskellig gradient til hver platform
- Ingen ensfarvet mulighed til små størrelser

### Gør

- Én nedskrevet opskrift, som alle bruger
- Rendering af gradienten til hver størrelse
- Én identitet med variation i layout og ord
- Én reservefarve valgt fra familien

## Ej en gradient helt

Selv en omhyggeligt bygget gradient kan aflæses og genbruges af andre. Derfor behandler Gradiently en gradientidentitet som en **Mark**: en levende opskrift af farver, materialer, lys, korn og bevægelse, som renderes bag alt, du designer, med en offentlig kode og præcis én ejer ad gangen. Før en ny Mark udgives, sammenlignes den med alle andre, og alt for lignende Marks afvises, så det udtryk, du sikrer dig, ikke ligger i en andens feed.

En Mark er en gradientidentitet med en ejer. Dens side viser koden, skaberen og den nuværende ejer.

Du kan gennemse tusindvis af Marks på [Markedet](/market), designe med dem alle gratis og sikre dig den, der føles som dig. Eller lave din egen i [Forge](/forge) fra en sætning eller indstilling for indstilling.

> **En hurtig test** Dæk logoet og ordene, og vis så en fremmed tre af dine opslag ved siden af tre fra en konkurrent. Kan personen ikke se, hvilke der er dine, fungerer gradienten endnu ikke som identitet.

## FAQ

### Hvad er branding med gradienter?

Det er at bruge en bestemt farveblanding som en central, genkendelig del af et brands identitet, ensartet i alle formater, ligesom en karakteristisk brandfarve.

### Kan en gradient registreres som varemærke?

Beskyttelse af farver og farvekombinationer afhænger af landet og kræver normalt dokumentation for, at folk allerede forbinder farverne med dit brand. Spørg en varemærkespecialist om juridiske forhold.

### Hvor mange farver skal en brandgradient have?

Tre til fem beslægtede farver virker typisk bedst: nok til dybde og særpræg, få nok til at holde det ensartet. Blandinger af to farver er lettest at kopiere.

### Virker gradientlogoer i små størrelser?

Ofte ikke. Alle gradientidentiteter bør have en ensfarvet reserve fra gradientfamilien til favicons, små ikoner og tryk i én farve.

### Hvordan gør jeg min gradient unik?

Gå videre end farve: tilføj materiale eller tekstur, beslut bevægelsen og måden at give plads til ord på, og hold den identisk overalt. Med Gradiently kan du også sikre dig en Mark, en gradientidentitet med præcis én ejer.