# Logon taustaideoita: 20 tapaa kehystää logo

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

Logon takana oleva tausta muuttaa tunnelmaa yhtä paljon kuin logo itse. Kokeile kahtakymmentä taustaa tasaisista väreistä rakeisuuteen ja valoon sekä valitse niihin oikea logoversio.

## The short version

- Parhaat logon taustaideat löytyvät neljästä ryhmästä: yksiväriset pinnat, liukuvärit, tekstuurit ja materiaalit sekä valokuvat.
- Jokainen logo tarvitsee vähintään täysvärisen, yksivärisen tumman ja yksivärisen vaalean version, sillä yksi versio ei sovi kaikille taustoille.
- Logon pitäisi olla taustan rauhallisimmalla ja tasaisimmalla alueella, ei vahvan värimuutoksen päällä.
- Liukuväri- ja tekstuuritaustat antavat logolle läsnäoloa, mutta niiden kontrastin on riitettävä koko logon alueella.
- Kahden tai kolmen toistuvan logotaustan valinta tekee brändistä tunnistettavamman kuin uuden käyttäminen joka kerta.

Hyvät **logon taustaideat** jakautuvat neljään ryhmään: yksiväriset pinnat, liukuvärit, tekstuurit ja materiaalit sekä valokuvat. Valitse brändin persoonallisuuteen sopiva ryhmä ja siihen oikea logoversio: täysvärinen rauhalliselle vaalealle pohjalle, yksivärinen vaalea tummalle tai levottomalle. Alla on kaksikymmentä kokeiltavaa taustaa, viisi kustakin ryhmästä, liukuvärien koodit ja sopiva logoversio jokaiseen.

Tämä on idealista. Käytännön menetelmän logon sijoittamisesta liukuvärille kontrastitarkistuksineen ja vientiasetuksineen löydät [logosta liukuväritaustalla](https://gradiently.design/fi/guide/logo-on-gradient-background).

## Mikä logoversio sopii millekin taustalle

Varmista ennen taustojen valintaa, että sinulla on tarvittavat logoversiot. Useimmat brändit tarvitsevat vähintään kolme. Tausta ratkaisee, mitä käytät. [Logoversiot](https://gradiently.design/fi/guide/logo-variations) selittää koko joukon.

| Tausta | Logoversio | Syy |
| --- | --- | --- |
| Valkoinen tai vaalea yksivärinen | Täysvärinen | Oletus, jossa brändivärit näkyvät aidoimmillaan |
| Tumma yksivärinen | Yksivärinen vaalea (valkoinen) | Brändivärit menettävät usein kontrastin tummalla |
| Yksivärinen brändiväri | Yksivärinen valkoinen tai musta | Vältä värillistä logoa läheisellä värillä |
| Liukuväri | Yksivärinen tausta-alueen mukaan | Kontrasti muuttuu liukuvärin eri kohdissa |
| Valokuva tai tekstuuri | Yksivärinen rauhallisimmalla alueella | Ohuiden viivojen takana olevat yksityiskohdat hajottavat ne |

Nyrkkisääntö useimpiin tilanteisiin. Epävarmassa tilanteessa yksivärinen versio on turvallisempi.

## Yksiväriset logotaustat (1-5)

Yksinkertaiset taustat tuntuvat itsevarmoilta. Ne sopivat brändeille, joiden logo kantaa jo persoonallisuuden, eivätkä kilpaile tunnuksen kanssa.

1. **Lämmin luonnonvalkoinen.** Puhdasta valkoista pehmeämpi ja painetun tuntuinen. Täysvärinen logo.
2. **Lähes musta.** Puhtaan mustan sijaan syvä mustesävy, jossa on hieman väriä. Se näyttää rikkaammalta. Valkoinen logo.
3. **Pääbrändivärisi.** Koko pinta sitä, logo valkoisena. Rohkein tapa käyttää yhtä väriä.
4. **Brändivärin syvä sävy.** Siniselle brändille laivastonsininen, violetille munakoiso. Tuntuu laadukkaalta.
5. **Vaalea sävy.** Vihreälle brändille minttu, punaiselle poskipuna. Täysvärinen logo istuu siihen helposti.

- Lämmin luonnonvalkoinen: #f6f2ea
- Mustemusta: #14121a
- Brändisininen: #2b4bd8
- Syvä sinisävy: #13204d
- Vaalea sinisävy: #dfe6ff

Ideat 1-5 siniselle brändille: luonnonvalkoinen, muste, brändiväri, syvä ja vaalea sävy. Vaihda tilalle oma värisi.

## Liukuväriset logotaustat (6-10)

Liukuväri lisää syvyyttä ja liikettä ilman esineitä. Pidä logo rauhallisemmassa päässä ja värit läheisinä, jotta sekoitus pysyy puhtaana.

1. **Sävypyyhkäisy.** Brändivärisi syvästä vaaleaan, logo syvässä päässä.
2. **Pehmeä kohdevalo.** Säteenomainen värihehku yhdestä nurkasta tummalla pohjalla. Logo istuu pimeässä ympäristön valaisemana.
3. **Kaksi naapuriväriä.** Väriympyrässä vierekkäiset värit, kuten sinivihreä ja sininen.
4. **Auringonlaskukaista.** Alareunasta nousevat lämpimät värit, logo viileämmässä yläosassa.
5. **Mesh-hehku.** Useita pehmeitä värilaikkuja sekoitettuina, suoraa viivaa orgaanisempi. Katso [mesh-liukuvärit](https://gradiently.design/fi/guide/mesh-gradients).

- 6. Sävypyyhkäisy: `linear-gradient(135deg, #0f1a4a 0%, #2b4bd8 60%, #8aa4ff 100%)`
- 7. Pehmeä kohdevalo: `radial-gradient(circle at 85% 15%, #7c3aed 0%, #2a1259 35%, #0d0a18 75%)`
- 8. Kaksi naapuriväriä: `linear-gradient(120deg, #0f766e 0%, #0e7490 50%, #1d4ed8 100%)`
- 9. Auringonlaskukaista: `linear-gradient(0deg, #f97316 0%, #db2777 35%, #3b0764 100%)`

Neljä kopioitavaa liukuväritaustaa logolle. Sijoita valkoinen logo syville alueille ja tarkista kontrasti värin vaaletessa.

## Tekstuuri- ja materiaalitaustat (11-15)

Tekstuuri saa digitaalisen taustan tuntumaan pinnalta: paperilta, filmiltä, metallilta tai kiveltä. Se sopii käsityöhön, ruokaan, muotiin ja esineinä myytäviin asioihin. Pidä rakenne hienona, jotta logon reunat pysyvät terävinä. [Liukuvärin tekstuuri](https://gradiently.design/fi/guide/gradient-texture) vertailee tärkeimpiä materiaaliperheitä.

1. **Rakeisuutta värin päällä.** Hieno kohinakerros yksivärisellä tai liukuvärillä. Heti vähemmän digitaalinen.
2. **Paperin karheus.** Pehmeä päällystämätön paperitekstuuri tumman logon takana. Tuntuu painetulta ja käsintehdyltä.
3. **Harjattu metalli.** Hopean tai kullan hohto ylellisyyteen tai insinöörityöhön. Käytä tummaa yksiväristä logoa.
4. **Pellava tai kangas.** Kudottu tekstuuri muotiin, kodintavaroihin ja studioille.
5. **Huurrelasi.** Sumeat värimuodot vaalean hunnun takana, terävä logo päällä.

Neliömuotoinen brändikuva, jossa nimilogo kulkee vaalealta tummalle alueelle ja on osittain vaikea lukea

Nimilogo vahvan värimuutoksen päällä: toinen pää menettää kontrastin.

Sama neliömuotoinen brändikuva, jossa tasainen rauhallinen tausta tekee nimilogosta selkeästi luettavan

Sama kuva, jossa tausta on rauhallinen ja tasainen nimilogon takana.

## Valokuva- ja ympäristötaustat (16-20)

Valokuva tuo logon maailmaan. Se on riskialttein ryhmä, sillä kuvat ovat levottomia. Valitse kuvia, joissa on rauhallinen alue, ja käytä yksiväristä logoa.

1. **Tuotteen lähikuva.** Makrokuva tuotteestasi runsaalla pehmeällä epäterävyydellä. Logo sumealle alueelle.
2. **Kaksisävyinen kuva.** Kahteen brändiväriin pelkistetty valokuva rauhoittuu ja sitoutuu palettiin. Katso [kaksisävytehoste](https://gradiently.design/fi/guide/duotone-effect).
3. **Taivas tai seinä.** Leveä tasainen oikean tekstuurin alue: taivas, betoni tai maalattu rappaus.
4. **Työtila ylhäältä.** Asetelma, jossa on logolle tyhjä kohta. Hyvä studioille ja tekijöille.
5. **Kyltin mallikuva.** Logo näyteikkunassa, kassissa tai kupissa. Hyödyllinen esittelyissä, ei koskaan ainoana versiona.

### Vältä

- Täysväristä logoa levottomalla kuvalla
- Logoa liukuvärin kirkkaimman kohdan päällä
- Karkeaa tekstuuria ohuiden viivojen takana
- Kontrastin pelastamista varjoilla tai hehkulla
- Uutta taustaa joka julkaisussa

### Tee näin

- Yksivärinen logo rauhallisimmalle alueelle
- Logo syvään tai vaaleaan päähän
- Hieno rakeisuus, joka pitää reunat terävinä
- Muuta taustaa, kunnes kontrasti toimii
- Kaksi tai kolme toistuvaa taustaa

## Logon taustavärin valitseminen

Kokeile viittä tai kuutta ideaa yhdellä neliöpinnalla, aseta ne vierekkäin ja valitse kaksi tai kolme brändiltä tuntuvinta. Kirjaa ne sitten [brändipakettiisi](https://gradiently.design/fi/guide/brand-kit) ja käytä vain niitä. Toisto tekee taustasta osan identiteettiä. Tarkista jokaisen kontrasti [värikontrastin ja saavutettavuuden](https://gradiently.design/fi/guide/color-contrast-accessibility) ohjeiden avulla, etenkin pienille logoille.

Jos haluat vain omalle brändillesi kuuluvan taustan, Gradientlyn Markit ovat eläviä liukuväri- ja materiaalitaustoja. Jokainen on erilainen ja yhdellä ihmisellä tai brändillä kerrallaan. Mark löytää rauhallisimman alueensa sanojesi taakse, joten sille asetettu logo tai nimilogo pysyy luettavana joka koossa.

## FAQ

### Mikä taustaväri on paras logolle?

Se, joka antaa vahvimman kontrastin ja sopii brändiin. Lämmin luonnonvalkoinen tai syvä lähes musta toimii useimmille logoille oikean logoversion kanssa.

### Voinko laittaa logoni liukuväritaustalle?

Kyllä. Käytä yksiväristä versiota, sijoita se liukuvärin rauhallisimpaan päähän ja tarkista kontrasti koko logon alueella.

### Pitäisikö logolla olla läpinäkyvä tausta?

Itse logotiedostolla kyllä, läpinäkyvänä PNG:nä tai SVG:nä, jotta sen voi sijoittaa mille tahansa taustalle. Tämän listan taustat ovat pintoja, joille asetat sen.

### Kuinka montaa logotaustaa brändin pitäisi käyttää?

Kaksi tai kolme johdonmukaisesti käytettyä taustaa tekee brändistä tunnistettavamman kuin eri tausta joka kerta.