# Ideer til logobakgrunn: 20 måter å ramme inn logoen på

[Canonical HTML page](https://gradiently.design/nb/guide/logo-background-ideas)

Bakgrunnen bak en logo endrer følelsen like mye som selve logoen. Her er tjue bakgrunner å prøve, fra rene fargefelt til korn og lys, og hvordan du kobler hver til riktig logoversjon.

## The short version

- De beste ideene til logobakgrunn kommer fra fire familier: ensfargede og monokrome felt, gradienter, teksturer og materialer, og fotografi.
- Hver logo trenger minst en fullfargeversjon, en mørk enfargeversjon og en lys enfargeversjon, fordi ingen versjon passer alle bakgrunner.
- En logo bør stå på den roligste, jevneste delen av bakgrunnen, aldri over et kraftig fargeskift.
- Gradienter og teksturer gir logoen tilstedeværelse, men må ha nok kontrast i hele området logoen dekker.
- To eller tre faste logobakgrunner gjør en merkevare mer gjenkjennelig enn en ny bakgrunn hver gang.

Gode **ideer til logobakgrunn** faller i fire familier: ensfargede og monokrome felt, gradienter, teksturer og materialer, og fotografi. Velg familien som passer merkevarens personlighet, og koble den til riktig logoversjon: fullfarge på rolige, lyse bakgrunner, en reversert enfargelogo på mørke eller travle. Nedenfor er tjue bakgrunner å prøve, fem fra hver familie, med gradientkoder og en merknad om hvilken logoversjon som hører til.

Dette er en idéliste. For den praktiske metoden for å plassere en logo på en gradient, med kontrastsjekk og eksportinnstillinger, se [logo på gradientbakgrunn](https://gradiently.design/nb/guide/logo-on-gradient-background).

## Hvilken logoversjon passer hvilken bakgrunn

Før du velger bakgrunner, sørg for at du har logoversjonene som trengs. De fleste merkevarer trenger minst tre, og bakgrunnen avgjør hvilken du bruker. [Logovarianter](https://gradiently.design/nb/guide/logo-variations) forklarer hele settet.

| Bakgrunn | Logoversjon | Hvorfor |
| --- | --- | --- |
| Hvit eller lys ensfarge | Fullfarge | Standardvalget, der merkevarefargene vises mest trofast |
| Mørk ensfarge | Én farge, reversert (hvit) | Merkevarefarger mister ofte kontrast på mørkt |
| Merkevarefarge som ensfarge | Én farge, hvit eller svart | Unngå farget logo på en nærliggende farge |
| Gradient | Én farge valgt for området bak | Kontrasten endres gjennom gradienten |
| Foto eller tekstur | Én farge på det roligste området | Detaljer bak tynne streker bryter dem opp |

En tommelfingerregel som dekker de fleste tilfeller. Er du i tvil, er enfargeversjonen tryggere.

## Ensfargede og monokrome logobakgrunner (1 til 5)

Enkle bakgrunner virker selvsikre. De passer til merkevarer der logoen allerede bærer personligheten, og konkurrerer aldri med logosymbolet.

1. **Varmt brukket hvitt.** Mykere enn rent hvitt og med mer trykt preg. Fullfargelogo.
2. **Nesten svart.** Ikke rent svart, men en dyp blekkfarge med et hint av kulør, som virker fyldigere. Hvit logo.
3. **Hovedfargen i merkevaren.** Et helt felt med den, logoen i hvitt. Den kraftigste bruken av én farge.
4. **En dyp tone av merkevarefargen.** Marineblått for en blå merkevare, aubergine for en lilla. Virker eksklusivt.
5. **En lys tone.** Mint for en grønn merkevare, blekrosa for en rød. Fullfargelogoen ligger fint på den.

- Varmt brukket hvitt: #f6f2ea
- Blekksvart: #14121a
- Merkevareblå: #2b4bd8
- Dyp blåtone: #13204d
- Lys blåtone: #dfe6ff

Ideene 1 til 5 for en blå merkevare: brukket hvitt, blekk, selve merkevarefargen, en dyp tone og en lys tone. Bytt inn din egen kulør.

## Gradientbakgrunner for logoer (6 til 10)

En gradient gir dybde og bevegelse uten å legge til gjenstander. Hold logoen over den roligere enden, og bruk beslektede farger slik at blandingen forblir ren.

1. **Tonalt forløp.** Merkevarefargen fra dyp til lys, logoen på den dype enden.
2. **Mykt spotlys.** En radiell fargeglød fra ett hjørne på mørk bunn. Logoen står i mørket, belyst av omgivelsene.
3. **To naboer.** To farger ved siden av hverandre på fargesirkelen, som blågrønt til blått.
4. **Solnedgangsbånd.** Varme farger som stiger fra nedre kant, med logoen i det kjøligere øvre området.
5. **Meshglød.** Flere myke fargeformer blandet sammen, mer organisk enn en rett linje. Se [meshgradienter](https://gradiently.design/nb/guide/mesh-gradients).

- 6. Tonalt forløp: `linear-gradient(135deg, #0f1a4a 0%, #2b4bd8 60%, #8aa4ff 100%)`
- 7. Mykt spotlys: `radial-gradient(circle at 85% 15%, #7c3aed 0%, #2a1259 35%, #0d0a18 75%)`
- 8. To naboer: `linear-gradient(120deg, #0f766e 0%, #0e7490 50%, #1d4ed8 100%)`
- 9. Solnedgangsbånd: `linear-gradient(0deg, #f97316 0%, #db2777 35%, #3b0764 100%)`

Fire gradientbakgrunner for logoer du kan kopiere. Legg en hvit logo i de mørke områdene. Sjekk kontrasten der fargen lysner.

## Logobakgrunner med tekstur og materialer (11 til 15)

Tekstur får en digital bakgrunn til å føles som en overflate: papir, film, metall eller stein. Det passer til håndverk, mat, mote og alt som selges som en gjenstand. Hold teksturen fin, slik at logoens kanter forblir skarpe. [Gradienttekstur](https://gradiently.design/nb/guide/gradient-texture) sammenligner de viktigste materialfamiliene.

1. **Korn over farge.** Et fint støylag på ensfarge eller gradient. Straks mindre digitalt.
2. **Papirstruktur.** En myk tekstur av ubestrøket papir bak en mørk logo. Føles trykt og håndlaget.
3. **Børstet metall.** Sølv- eller gullglans for luksus eller ingeniørfag. Bruk en mørk enfargelogo.
4. **Lin eller lerret.** En vevd tekstur for mote, interiør og studioer.
5. **Frostet glass.** Uskarpe fargeformer bak et lyst slør, med skarp logo over.

Et kvadratisk merkevarefelt med en navnelogo som krysser fra lyst til mørkt i bakgrunnen og delvis er vanskelig å lese

En navnelogo rett over et kraftig fargeskift: den ene enden mister kontrast.

Samme kvadratiske merkevarefelt med et jevnt, rolig område bak navnelogoen, som er tydelig lesbar

Samme felt med rolig og jevn bakgrunn bak navnelogoen.

## Logobakgrunner med foto og kontekst (16 til 20)

Fotografi plasserer logoen i verden. Det er den mest risikable familien, fordi bilder er travle. Velg derfor bilder med et rolig område og bruk enfargelogoen.

1. **Produktnærbilde.** Et makrobilde av produktet med mye myk uskarphet. Logoen på det uskarpe.
2. **Duotonefoto.** Et fotografi redusert til to merkevarefarger, som roer det og knytter det til paletten. Se [duotoneeffekt](https://gradiently.design/nb/guide/duotone-effect).
3. **Himmel eller vegg.** Et bredt, jevnt område med ekte tekstur: himmel, betong eller malt puss.
4. **Arbeidsplassen ovenfra.** Et bilde ovenfra med et tomt felt for logoen, godt for studioer og håndverkere.
5. **Skiltpresentasjon.** Logoen vist på en butikkfasade, et handlenett eller en kopp. Nyttig i presentasjoner, aldri som eneste versjon.

### Unngå

- En fullfargelogo på et travelt fotografi
- Logo over den lyseste delen av en gradient
- Grov tekstur bak tynne streker
- Slagskygger eller glød for å redde kontrasten
- Ny bakgrunn i hvert innlegg

### Gjør

- Enfargelogo på det roligste området
- Logo over den mørke eller lyse enden
- Fint korn som holder kantene skarpe
- Endre bakgrunnen til kontrasten holder
- To eller tre bakgrunner du gjentar

## Slik velger du en farge til logobakgrunnen

Prøv fem eller seks ideer fra listen i hvert sitt kvadratiske felt, legg dem ved siden av hverandre og velg de to eller tre som føles mest som merkevaren. Skriv dem deretter inn i [merkevaresettet](https://gradiently.design/nb/guide/brand-kit) og bruk bare disse. Gjentakelse gjør bakgrunnen til en del av identiteten. Sjekk hver variant med [fargekontrast og tilgjengelighet](https://gradiently.design/nb/guide/color-contrast-accessibility) i tankene, særlig for små logoer.

Hvis du ønsker en bakgrunn som bare tilhører merkevaren din, er Marks fra Gradiently levende gradient- og materialbakgrunner. Hver er ulik alle andre og eies av én person eller merkevare om gangen. En Mark finner sitt roligste område bak ordene dine, så en logo eller navnelogo på den forblir lesbar i hver størrelse.

## FAQ

### Hvilken bakgrunnsfarge passer best til en logo?

Den som gir sterkest kontrast til logoen og samtidig passer merkevaren. Varmt brukket hvitt eller dyp nesten svart fungerer for de fleste logoer, med riktig logoversjon på hver.

### Kan jeg legge logoen på en gradientbakgrunn?

Ja. Bruk enfargeversjonen, plasser den på den roligste enden av gradienten, og sjekk kontrasten i hele området logoen dekker.

### Bør en logo ha gjennomsiktig bakgrunn?

Selve logofilen bør ha det, som gjennomsiktig PNG eller SVG, så den kan plasseres på enhver bakgrunn. Bakgrunnene i denne listen er det du legger den på.

### Hvor mange logobakgrunner bør en merkevare bruke?

To eller tre valgte bakgrunner brukt konsekvent gjør merkevaren mer gjenkjennelig enn en ny bakgrunn hver gang.