# Idéer för logotypbakgrund: 20 sätt att rama in din logotyp

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

Bakgrunden bakom en logotyp ändrar hur logotypen känns lika mycket som själva logotypen. Här är tjugo bakgrunder att prova, från enkla färgfält till korn och ljus, och hur du matchar var och en med rätt version av ditt märke.

## The short version

- De bästa idéerna för logotypbakgrund kommer från fyra familjer: enfärgade och monokroma fält, gradienter, strukturer och material samt fotografi.
- Varje logotyp behöver minst en version i fullfärg, en enfärgad mörk och en enfärgad ljus, eftersom ingen enskild version passar på alla bakgrunder.
- En logotyp ska ligga på den lugnaste, jämnaste delen av varje bakgrund, aldrig över ett kraftigt färgbyte.
- Gradienter och strukturerade bakgrunder ger en logotyp närvaro, men de måste behålla tillräcklig kontrast över hela ytan logotypen täcker.
- Att välja två eller tre logotypbakgrunder och bara använda dem gör ett varumärke mer igenkännbart än att använda en ny varje gång.

Bra **idéer för logotypbakgrund** faller i fyra familjer: enfärgade och monokroma fält, gradienter, strukturer och material samt fotografi. Välj den familj som matchar varumärkets personlighet och para den sedan med rätt version av din logotyp: fullfärg på lugna ljusa bottnar, en enfärgad omvänd logotyp på mörka eller livliga. Nedan finns tjugo bakgrunder att prova, fem från varje familj, med koder för gradienterna och en notering om vilken logotypversion som hör hemma på var och en.

Det här är en idélista. För den praktiska metoden att placera en logotyp på en gradient, med kontrastkontroller och exportinställningar, se [logotyp på gradientbakgrund](https://gradiently.design/sv/guide/logo-on-gradient-background).

## Vilken logotypversion som passar vilken bakgrund

Innan du väljer bakgrunder, se till att du har versionerna att lägga på dem. De flesta varumärken behöver minst tre, och bakgrunden avgör vilken du använder. [Logotypvarianter](https://gradiently.design/sv/guide/logo-variations) förklarar hela uppsättningen.

| Bakgrund | Logotypversion | Varför |
| --- | --- | --- |
| Vit eller blek enfärgad | Fullfärg | Standardvalet, där varumärkesfärger läses sannast |
| Mörk enfärgad | Enfärgad, omvänd (vit) | Varumärkesfärger tappar ofta kontrast på mörkt |
| Enfärgad i varumärkesfärg | Enfärgad, vit eller svart | Undvik en färgad logotyp på en närliggande färg |
| Gradient | Enfärgad, vald för ytan bakom den | Kontrasten ändras över gradienten |
| Foto eller struktur | Enfärgad, på det lugnaste partiet | Detaljer bakom tunna linjer bryter sönder dem |

En tumregel som täcker de flesta fall. När du är osäker är den enfärgade versionen det säkrare valet.

## Enfärgade och monokroma logotypbakgrunder (1 till 5)

Enkla bakgrunder känns självsäkra. De passar varumärken vars logotyp redan bär personligheten, och de kämpar aldrig mot märket.

1. **Varm off-white.** Mjukare än rent vitt och mer tryckt i känslan. Logotyp i fullfärg.
2. **Nästan svart.** Inte rent svart utan ett djupt bläck med en antydan av nyans, som ser rikare ut. Vit logotyp.
3. **Din huvudsakliga varumärkesfärg.** Ett helt fält av den, logotypen i vitt. Det djärvaste sättet att använda en enda färg.
4. **En djup nyans av din varumärkesfärg.** Marint för ett blått varumärke, aubergine för ett lila. Läses som premium.
5. **En blek nyans.** Mynta för ett grönt varumärke, blush för ett rött. Fullfärgslogotypen ligger bekvämt på den.

- Varm off-white: #f6f2ea
- Bläcksvart: #14121a
- Varumärkesblå: #2b4bd8
- Djup blå nyans: #13204d
- Blek blå nyans: #dfe6ff

Idéerna 1 till 5 för ett blått varumärke: off-white, bläck, själva varumärkesfärgen, en djup nyans och en blek nyans. Byt in din egen färgton.

## Gradienter som logotypbakgrunder (6 till 10)

En gradient ger djup och rörelse utan att lägga till objekt. Håll logotypen över den lugnare änden och håll färgerna släkt med varandra så att blandningen förblir ren.

1. **Tonal svepning.** Din varumärkesfärg från djup till ljus, logotypen på den djupa änden.
2. **Mjukt strålkastarljus.** En radiell glöd av färg från ett hörn på mörk botten. Logotypen ligger i mörkret, belyst av sin omgivning.
3. **Två grannar.** Två färger intill varandra på färghjulet, som blågrönt som går över i blått.
4. **Solnedgångsband.** Varma färger som stiger från nedre kanten, med logotypen i det svalare övre området.
5. **Meshglöd.** Flera mjuka färgklickar blandade ihop, mer organiskt än en rak linje. Se [mesh-gradienter](https://gradiently.design/sv/guide/mesh-gradients).

- 6. Tonal svepning: `linear-gradient(135deg, #0f1a4a 0%, #2b4bd8 60%, #8aa4ff 100%)`
- 7. Mjukt strålkastarljus: `radial-gradient(circle at 85% 15%, #7c3aed 0%, #2a1259 35%, #0d0a18 75%)`
- 8. Två grannar: `linear-gradient(120deg, #0f766e 0%, #0e7490 50%, #1d4ed8 100%)`
- 9. Solnedgångsband: `linear-gradient(0deg, #f97316 0%, #db2777 35%, #3b0764 100%)`

Fyra gradienter som logotypbakgrund som du kan kopiera. Lägg en vit logotyp i de djupa områdena och kontrollera kontrasten där färgen ljusnar.

## Struktur och material som logotypbakgrunder (11 till 15)

Struktur får en digital bakgrund att kännas som en yta: papper, film, metall eller sten. Den passar hantverk, mat, mode och allt som säljs som ett föremål. Håll den fin så att logotypens kanter förblir skarpa. [Gradientstruktur](https://gradiently.design/sv/guide/gradient-texture) jämför de viktigaste materialfamiljerna.

1. **Korn över färg.** Ett fint brusskikt på en enfärgad yta eller gradient. Direkt mindre digitalt.
2. **Papperskorn.** En mjuk struktur av ostruket papper bakom en mörk logotyp. Känns tryckt och handgjort.
3. **Borstad metall.** Silver- eller guldglans för lyx eller teknik. Använd en mörk enfärgad logotyp.
4. **Linne eller canvas.** En vävd struktur för mode, heminredning och studior.
5. **Frostat glas.** Suddiga färgformer bakom en blek slöja, logotypen skarp ovanpå.

En kvadratisk varumärkesplatta där ett ordmärke korsar från ett ljust till ett mörkt område av bakgrunden och delvis är svårt att läsa

Ett ordmärke som går rakt över ett kraftigt färgbyte: ena änden tappar kontrast.

Samma kvadratiska varumärkesplatta med ett jämnt, lugnt område av bakgrunden bakom ordmärket, som läses tydligt

Samma platta med bakgrunden lugn och jämn bakom ordmärket.

## Foto och sammanhang som logotypbakgrunder (16 till 20)

Fotografi sätter logotypen i världen. Det är den riskablaste familjen, eftersom foton är livliga, så välj bilder med ett lugnt område och använd den enfärgade logotypen.

1. **Produktnärbild.** En makrobild av din produkt med gott om mjuk oskärpa. Logotypen på oskärpan.
2. **Duotonfoto.** Ett foto reducerat till två varumärkesfärger, vilket lugnar det och binder det till paletten. Se [duoton-effekt](https://gradiently.design/sv/guide/duotone-effect).
3. **Himmel eller vägg.** Ett brett, jämnt område av verklig struktur: himmel, betong, målad puts.
4. **Arbetsyta uppifrån.** En flat lay med en fri yta för logotypen, bra för studior och skapare.
5. **Skyltmockup.** Logotypen visad på en butiksfasad, tygkasse eller mugg. Användbart för pitchar, aldrig som enda version.

### Undvik

- En fullfärgslogotyp på ett livligt foto
- Logotyp över den ljusaste delen av en gradient
- Grov struktur bakom tunna linjer
- Slagskuggor eller glöd för att rädda kontrasten
- En ny bakgrund i varje inlägg

### Gör så här

- Enfärgad logotyp på det lugnaste partiet
- Logotyp över den djupa eller bleka änden
- Fint korn som håller kanterna skarpa
- Ändra bakgrunden tills kontrasten håller
- Två eller tre bakgrunder du upprepar

## Så väljer du bakgrundsfärg till en logotyp

Prova fem eller sex idéer från listan på en enda kvadratisk platta, lägg dem sida vid sida och välj de två eller tre som känns mest som varumärket. Skriv sedan in dem i ditt [varumärkeskit](https://gradiently.design/sv/guide/brand-kit) och använd bara dem. Upprepning är det som gör en bakgrund till en del av identiteten. Kontrollera varje med [färgkontrast och tillgänglighet](https://gradiently.design/sv/guide/color-contrast-accessibility) i åtanke, särskilt för små logotypstorlekar.

Vill du ha en bakgrund som tillhör just ditt varumärke är Gradiently-Marks levande gradient- och materialbakgrunder, var och en olik alla andra och ägd av en person eller ett varumärke i taget. En Mark hittar sitt lugnaste område bakom dina ord, så att en logotyp eller ett ordmärke på den förblir läsbar i varje storlek.

## FAQ

### Vilken bakgrundsfärg är bäst för en logotyp?

Den som ger starkast kontrast mot din logotyp och passar varumärket. En varm off-white eller ett djupt nästan svart fungerar för de flesta logotyper, med rätt version av logotypen på var och en.

### Kan jag lägga min logotyp på en gradientbakgrund?

Ja. Använd den enfärgade versionen, placera den på gradientens lugnaste ände och kontrollera kontrasten över hela ytan logotypen täcker.

### Ska en logotyp ha transparent bakgrund?

Själva logotypfilen ska ha det, som en transparent PNG eller SVG, så att den kan ligga på vilken bakgrund som helst. Bakgrunderna i den här listan är det du lägger den på.

### Hur många logotypbakgrunder ska ett varumärke använda?

Två eller tre utvalda bakgrunder, använda konsekvent, gör ett varumärke mer igenkännbart än en ny varje gång.