# Visuaalinen identiteetti, brändi-identiteetti ja logo: erot

[Canonical HTML page](https://gradiently.design/fi/guide/visual-identity)

Kolme termiä, joita käytetään kuin ne tarkoittaisivat samaa. Eivät tarkoita, ja ero selittää, miksi uusi logo niin harvoin korjaa brändin, jota kukaan ei tunnista.

## The short version

- Visuaalinen identiteetti on brändin näkyvä järjestelmä: sen logo, värit, kirjasintyypit, kuvat, graafiset elementit, taustat, asettelut ja liike.
- Brändi-identiteetti on visuaalista identiteettiä laajempi, koska siihen kuuluvat myös nimi, asemointi ja ääni.
- Logo on yksi elementti visuaalisen identiteetin sisällä, yleensä sen pienin ja harvimmin luettu osa.
- Visuaalinen identiteetti toimii, kun ihmiset tunnistavat brändin logo peitettynä, koska väri, typografia, pohja ja asettelu tekevät työn.
- Visuaalisen identiteetin järjestelmä kirjataan säännöiksi, jotta kuka tahansa voi soveltaa sitä uuteen formaattiin ja näyttää silti brändiltä.

**Visuaalinen identiteetti** on kaikki se, mitä brändistä voi nähdä, yhtenä järjestelmänä: logo, värit, kirjasintyypit, kuvat, graafiset muodot, taustat, asettelut ja liike. Se on osa laajempaa brändi-identiteettiä, johon kuuluvat myös nimi, asemointi ja ääni. Logo puolestaan on visuaalisen identiteetin sisällä yksi elementti monien joukossa, yleensä pienin. Yksinkertaisesti: logo allekirjoittaa työn, visuaalinen identiteetti tekee työstä tunnistettavan ja brändi-identiteetti päättää, mitä työn pitää sanoa.

## Logo, visuaalinen identiteetti ja brändi-identiteetti rinnakkain

| Kysymys | Logo | Visuaalinen identiteetti | Brändi-identiteetti |
| --- | --- | --- | --- |
| Mikä se on | Liikemerkki tai sanamerkki | Näkyvä järjestelmä | Kaikki, mitä brändi päättää olla |
| Sisältää | Symboli, sanamerkki, yhdistelmät | Logo, värit, typografia, kuvat, taustat, asettelu, liike | Visuaalinen identiteetti sekä nimi, asemointi ja ääni |
| Tehtävä | Allekirjoittaa ja tunnistaa | Tehdä kaikesta tunnistettavaa | Päättää, mitä brändi edustaa ja miltä se kuulostaa |
| Missä sen näkee | Kulmat, faviconit, kyltit | Jokainen julkaisu, sivu, dia ja pakkaus | Jokainen kokemus, myös sanat ja palvelu |
| Toimiiko yksin? | Harvoin | Enimmäkseen, jopa ilman logoa | Se on kokonaisuus |

Jokainen sisältää edellisen. Logo ilman visuaalista identiteettiä on allekirjoitus tyhjällä sivulla.

Sekaannus on ymmärrettävä. Vuosikymmenten ajan logo oli brändiprojektin kallein ja näkyvin lopputulos, joten siitä tuli lyhenne koko asialle. Syötteiden, tarinoiden ja pikkukuvien maailmassa logo on kuitenkin usein liian pieni luettavaksi, kun taas väri, typografia ja tausta täyttävät näytön. Täydellisen luettelon brändi-identiteetin osista löydät artikkelista [mikä on brändi-identiteetti](https://gradiently.design/fi/guide/what-is-brand-identity).

## Miksi logo ei ole identiteetti

Kuvittele kaksi kahvilaa, joilla on yhtä hyvät logot. Ensimmäinen sijoittaa logonsa mihin tahansa käsillä olevaan valokuvaan tai pohjaan. Toinen sijoittaa sen joka kerta samalle lämpimälle pohjalle, samalla kirjasintyypillä ja samalla asettelulla. Kuukauden kuluttua ihmiset tunnistavat toisen kahvilan julkaisut silmäkulmastaan. Ensimmäisen kahvilan julkaisut näyttävät samalta kuin kaikkien muiden, ja niissä on logo, jota kukaan ei lue.

### Pelkkä logo

- Eri tausta ja fontti jokaisessa julkaisussa
- Tunnistaminen riippuu siitä, että ihmiset lukevat pienen merkin
- Jokainen uusi formaatti suunnitellaan alusta
- Logon uudistus ei muuta mitään, minkä ihmiset huomaavat

### Visuaalinen identiteetti

- Yksi pohja, yksi typografinen tyyli, yksi tapa asetella
- Tunnistaminen tapahtuu ennen kuin mitään luetaan
- Uudet formaatit noudattavat sääntöjä ja sopivat silti joukkoon
- Logo voi pysyä pienenä, koska kaikki muu kantaa brändiä

Tämä ei tee logoista merkityksettömiä. Hyvä logo on välttämätön pienissä tiloissa, allekirjoituksissa ja juridisissa merkeissä. Se ei vain pysty kantamaan tunnistettavuutta yksin. [Liukuvärilogot](https://gradiently.design/fi/guide/gradient-logo) ja [logo liukuväritaustalla](https://gradiently.design/fi/guide/logo-on-gradient-background) käsittelevät itse logoa tarkemmin.

## Mitä visuaalisen identiteetin järjestelmä sisältää

Visuaalisesta identiteetistä tulee järjestelmä, kun sen osat on määritelty niin hyvin, että joku muu voi käyttää niitä. Et tarvitse satasivuista ohjekirjaa. Tarvitset vähimmäismäärittelyn jokaiselle elementille kirjattuna.

| Elementti | Vähimmäismäärittely |
| --- | --- |
| Logo | Pääversio, yksivärinen versio, vähimmäiskoko, suoja-alue |
| Värit | Kahdesta viiteen väriä heksakoodeineen ja suhteineen |
| Typografia | Yksi tai kaksi kirjasintyyppiä sekä otsikon ja leipätekstin koot |
| Tausta | Yksi tunnuspohja, kuten liukuväri, tekstuuri tai sävy, sekä tasavärinen varavaihtoehto |
| Kuvat | Miltä valokuvat tai kuvitukset näyttävät ja miten niitä käsitellään |
| Graafiset elementit | Muodot, viivat, kuvakkeet tai kuviot, jos käytät niitä |
| Asettelu | Marginaalit, tasaus ja logon paikka |
| Liike | Liikkeen nopeus ja tyyli, jos julkaiset videota |

Taustarivi on se, jonka useimmat pienet brändit jättävät tyhjäksi, ja se peittää eniten pikseleitä.

## Visuaalisen identiteetin pitää toimia joka koossa

Visuaalisen identiteetin todellinen testi on kantama. Saman brändin pitää pitää pintansa korkeassa tarinassa, hyvin leveässä bannerissa, pienessä käyntikortissa ja videon pikkukuvassa. Logot hajoavat helposti ääripäissä, mutta tunnusväri, typografia ja pohja kantavat niiden kaikkien läpi.

- Tarina 9:16: 1080 × 1920
- Instagram-julkaisu 4:5: 1080 × 1350
- YouTube-pikkukuva: 1280 × 720
- Käyntikortti: 1050 × 600
- LinkedIn-banneri: 1584 × 396

Viisi todellista formaattia mittakaavassa. Visuaalisen identiteetin pitää näyttää itseltään jokaisessa.

Keramiikkastudion käyntikortti, jossa on yksinkertainen teksti tunnusomaisella liukuväripohjalla

Käyntikortti tarkkuudella 300 dpi…

Saman keramiikkastudion leveä LinkedIn-banneri samalla pohjalla ja typografialla

…ja LinkedIn-banneri, tunnistettavasti sama ilman logoa.

## Näin tarkistat, onko sinulla visuaalinen identiteetti

1. **Peitä logo** Ota kuusi tuoretta julkaisua, sivua tai diaa ja piilota jokaisesta logo. Jos ne näyttävät yhä yhdeltä brändiltä, sinulla on visuaalinen identiteetti.
2. **Sekoita ne kilpailijoiden joukkoon** Aseta työsi muiden oman alasi toimijoiden töiden joukkoon. Jos omasi katoaa, tarvitset vähintään yhden [erottuvan brändielementin](https://gradiently.design/fi/guide/distinctive-brand-assets).
3. **Anna se jollekulle uudelle** Pyydä kollegaa tai freelanceria tekemään yksi uusi suunnitelma sääntöjesi pohjalta. Jos hänen täytyy kysyä paljon, sääntöjäsi ei ole vielä kirjattu: aloita [brändin tyyliopas](https://gradiently.design/fi/guide/brand-style-guide).

Jos tunnuspohjasi on Gradientlyn Mark, Studio piirtää sen jokaiseen kokoon ja pitää brändipakettisi logot, värit ja fontit yhden klikkauksen päässä, joten peitetyn logon testi on helpompi läpäistä.

## FAQ

### Mikä on visuaalinen identiteetti?

Se on brändin näkyvä järjestelmä: logo, värit, kirjasintyypit, kuvat, graafiset elementit, taustat, asettelut ja liike niin hyvin määriteltyinä, että kuka tahansa voi soveltaa niitä.

### Mitä eroa on visuaalisella identiteetillä ja brändi-identiteetillä?

Visuaalinen identiteetti on vain se, minkä voi nähdä. Brändi-identiteettiin kuuluvat myös nimi, asemointi ja ääni, joten visuaalinen identiteetti on yksi sen osa.

### Onko logo visuaalinen identiteetti?

Ei. Logo on yksi visuaalisen identiteetin elementti. Ilman yhtenäisiä värejä, typografiaa ja taustoja ympärillään logo tekee brändistä harvoin tunnistettavan yksin.

### Mitä visuaalisen identiteetin järjestelmän pitää sisältää?

Vähintään: logon versiot ja säännöt, väripaletti suhteineen, yksi tai kaksi kirjasintyyppiä, tunnustausta ja tasavärinen varavaihtoehto, kuvaohjeet ja yksinkertaiset asettelusäännöt.
