# Brändiohjeiston pohja: sisältö osio osiolta

[Canonical HTML page](https://gradiently.design/fi/guide/brand-guidelines-template)

Tyhjä sivu on vaikein lähtökohta brändiohjeille. Tässä on kopioitava pohja: kymmenen osiota järjestyksessä sekä kunkin sisältö ja tarvittava pituus.

## The short version

- Brändiohjeiston pohja antaa täytettävät osiot, jotta voit kirjoittaa säännöt aloittamatta tyhjältä sivulta.
- Useimmat brändiohjeistot tarvitsevat kymmenen osiota: esittely, logo, värit, typografia, taustat ja kuvat, asettelu, äänensävy, sovellukset, mallit ja yhteystiedot.
- Jokainen brändiohje toimii parhaiten, kun mukana on näkyvä esimerkki oikeasta ja väärästä toteutuksesta.
- Pienyrityksen hyödyllinen brändiohjeisto mahtuu kahdeksasta kahteentoista sivuun. Selkeys merkitsee pituutta enemmän.
- Brändiohjeisto toimii vain, jos sen kuvaamat logot, värit, fontit ja mallit ovat helposti löydettävissä ja käytettävissä.

Hyvä **brändiohjeiston pohja** sisältää kymmenen osiota tässä järjestyksessä: esittely, logo, värit, typografia, taustat ja kuvat, asettelu, äänensävy, sovellukset, mallit sekä tiedostot ja yhteystiedot. Täytä jokainen lyhyillä säännöillä ja niiden visuaalisilla esimerkeillä. Pidä kokonaisuus niin lyhyenä, että ihmiset oikeasti avaavat sen. Alla on kopioitava pohja ja kunkin osion sisältö.

Jos haluat ymmärtää ohjeiston taustan, pois jätettävät asiat ja ylläpidon, lue ensin [brändin tyylioppaan tekeminen](https://gradiently.design/fi/guide/brand-style-guide). Tämä sivu tarjoaa käytännön rungon.

## Brändiohjeiston pohja

```text
BRÄNDIOHJEISTO: [Brändin nimi]   Versio [1.0], [Kuukausi Vuosi]

1. Esittely
   Keitä olemme (yksi lause)
   Ketä palvelemme (yksi lause)
   Miltä haluamme tuntua (kolme sanaa)

2. Logo
   Päälogo, vaaka, pinottu, kuvake, yksivärinen
   Suoja-alue ja vähimmäiskoko
   Oikein / väärin -esimerkit (vähintään neljä)

3. Värit
   Päävärit, toissijaiset värit ja tehostevärit
   HEX, RGB, CMYK ja Pantone jokaiselle
   Suhteet (esimerkiksi 60 / 30 / 10)
   Hyväksytyt tekstin ja taustan yhdistelmät

4. Typografia
   Otsikko- ja leipätekstikirjasin, leikkaukset
   Tekstikokojen asteikko
   Mistä fontit ladataan

5. Taustat ja kuvat
   Taustamme ja kunkin käyttötilanteet
   Valokuvien tyyli esimerkkeineen
   Kuvakkeet ja kuvitus

6. Asettelu
   Marginaalit, ruudukko, logon paikka
   Tekstin sijainti suunnitelmassa

7. Äänensävy
   Persoonallisuus kolmella sanalla
   Näin sanomme / näin emme sano
   Esimerkkiotsikot ja kuvatekstit

8. Sovellukset
   Somejulkaisu, tarina, sähköposti, dia, käyntikortti

9. Mallit
   Linkit jokaiseen malliin muodoittain

10. Tiedostot ja yhteystiedot
   Missä logo- ja fonttitiedostot ovat
   Kuka hyväksyy uuden työn
```

Kopioi tämä asiakirjaan ja täytä osio kerrallaan. Poista osio, joka ei aidosti koske sinua.

## Mitä kuhunkin osioon kuuluu

| Osio | Pakollinen sisältö | Sivuja |
| --- | --- | --- |
| 1. Esittely | Keitä olette, ketä palvelette, kolme tunnelmasanaa | 1 |
| 2. Logo | Kaikki versiot, suoja-alue, vähimmäiskoko, väärän käytön esimerkit | 1 tai 2 |
| 3. Värit | Nimetyt värimallit koodeineen, suhteet, hyväksytyt yhdistelmät | 1 |
| 4. Typografia | Kirjasimet, leikkaukset, kokoasteikko, latauslinkit | 1 |
| 5. Taustat ja kuvat | Hyväksytyt taustat, valokuvien tyyli, kuvakkeet | 1 tai 2 |
| 6. Asettelu | Marginaalit, logon paikka, tekstin sijainti | 1 |
| 7. Äänensävy | Piirteet, käytetyt ja vältettävät ilmaukset, esimerkkilauseet | 1 |
| 8. Sovellukset | Valmiit esimerkit oikeissa muodoissa | 1 tai 2 |
| 9. Mallit | Linkit valmiisiin tiedostoihin | Osa sivusta |
| 10. Tiedostot ja yhteystiedot | Tiedostojen sijainti, keneltä kysyä | Osa sivusta |

Pienyritykselle noin kahdeksasta kahteentoista sivua. Suuret organisaatiot lisäävät osioita, mutta tarvitsevat harvoin pidempiä.

### 1. Esittely

Pidä tämä yhdessä sivussa. Yksi lause siitä, mitä teet, yksi kohderyhmästä ja kolme sanaa siitä, miltä brändin pitäisi tuntua. Nämä kolme sanaa ovat mittari kaikille seuraaville päätöksille, joten valitse ne huolellisesti. [Brändiarkkityyppi](https://gradiently.design/fi/guide/brand-archetypes) voi auttaa.

### 2. Logo

Näytä jokainen [logoversio](https://gradiently.design/fi/guide/logo-variations) ensin erikseen, sitten vaalealla ja tummalla taustalla. Määritä suoja-alue logosta otetulla mitalla, kuten ison kirjaimen korkeudella, ja anna vähimmäiskoko näytölle ja painoon. Lopuksi näytä väärän käytön esimerkit: venytetty, uudelleenväritetty, ääriviivoilla tai levottoman valokuvan päällä.

### 3. Värit

Nimeä jokainen väri, anna koodit ja kerro, kuinka paljon kutakin käytetään. Suhteet merkitsevät enemmän kuin usein ajatellaan. Pääosin kermanvärinen brändi, jossa on vähän metsänvihreää, näyttää aivan erilaiselta kuin enimmäkseen vihreä.

- Metsä (pääväri): #1f3d2b
- Kerma (pohja): #f4efe6
- Messinki (tehoste): #c9a96e
- Salvia (toissijainen): #6b7c6e
- Muste (teksti): #1a1a1a

Värisivu pienoiskoossa. Ohjeistossa jokainen värimalli sisältää myös RGB:n, CMYK:n ja lähimmän Pantonen sekä huomautuksen, kuten ”Messinki: vain tehosteisiin, ei koskaan leipätekstiin”.

Lisää lyhyt lista hyväksytyistä pareista, kuten muste kerman päällä ja kerma metsänvihreällä. Tarkista, että jokainen täyttää tekstin [värikontrastiohjeet](https://gradiently.design/fi/guide/color-contrast-accessibility).

### 4. Typografia

Nimeä otsikko- ja leipätekstikirjasimet, käyttämäsi leikkaukset sekä yksinkertainen asteikko: pääotsikko, väliotsikko, leipäteksti ja kuvateksti kokoineen. Linkitä fonttien lataus- tai lisensointipaikkaan. [Typografiajärjestelmä](https://gradiently.design/fi/guide/brand-typography-system) menee tarvittaessa syvemmälle.

### 5. Taustat ja kuvat

Useimmat pohjat unohtavat tämän osion, vaikka se kattaa suurimman osan siitä, mitä ihmiset näkevät. Näytä käytetyt taustat, kunkin sopiva käyttötapa ja tekstin sallitut paikat. Näytä sitten kolme tai neljä tyyliäsi kuvaavaa valokuvaa ja kolme, jotka eivät sovi siihen.

### 6, 7, 8, 9 ja 10: asettelu, ääni, sovellukset, mallit ja yhteystiedot

Asettelu tarkoittaa marginaaleja, logon paikkaa ja tekstin sijaintia. Äänensävy koostuu kolmesta piirteestä ja käytettyjen sekä vältettävien ilmausten taulukosta. [Brändin äänensävy](https://gradiently.design/fi/guide/brand-voice-and-visuals) antaa esimerkkejä. Sovellukset ovat valmiita suunnitelmia oikeissa muodoissa. Mallit ovat linkkejä. Yhteystiedot ovat yksi nimi ja sähköpostiosoite.

Instagram-pystyjulkaisu, jossa lukee Syysmenu perjantaista alkaen, brändiohjeiston esimerkkisivuna

Sovellussivu näyttää, miten säännöt toimivat yhdessä oikeassa muodossa.

Instagram-tarina, jossa lukee Syysmenu perjantaista alkaen ja samat brändisäännöt näkyvät korkeammassa muodossa

Sama viesti tarinana näyttää, miten asettelu mukautuu korkeampaan kehykseen.

## Kirjoita säännöt, joita ihmiset noudattavat

### Epämääräinen

- ”Logomme pitäisi aina näkyä selvästi”
- ”Käytä brändivärejä sopivasti”
- ”Sävymme on ystävällinen ja ammattimainen”
- ”Käytä laadukkaita kuvia”

### Käyttökelpoinen

- ”Jätä logon ympärille F-kirjaimen korkeuden verran tyhjää tilaa”
- ”Kerma on useimpien suunnitelmien pohja, messinki näkyy enintään yhdessä elementissä”
- ”Kirjoitamme lyhyitä lauseita emmekä käytä huutomerkkejä”
- ”Luonnonvalo, oikeat asiakkaat, ei kuvapankin kättelykuvia”

Hyödyllinen testi: voisiko uusi tekijä noudattaa sääntöä kysymättä mitään? Jos ei, lisää mitta, esimerkki tai molemmat.

## Pohjasta toimivaksi brändipaketiksi

Ohjeisto kuvaa brändiä, paketilla suunnitellaan. Gradientlyn brändipaketti sisältää samat ydinosat: nimen ja kuvauksen, logot, väripaletit, otsikko- ja leipätekstifontit, äänensävyn, yleisön ja sen, mitä brändi tekee. Se voi lukea verkkosivustosi täyttääkseen perustiedot. Designer kirjoittaa paketin äänellä ja soveltaa sitä asettelussa, joten ohjeita noudatetaan oletuksena eikä muistin varassa. [Brändipaketin käyttöönotto](https://gradiently.design/fi/guide/brand-kit-setup) näyttää täyttämisen, ja [brändiohjeet tekoälylle](https://gradiently.design/fi/guide/brand-guidelines-for-ai) käsittelee avustajan noudatettavien sääntöjen kirjoittamista.

## FAQ

### Mitä brändiohjeisiin kuuluu?

Esittely, logosäännöt, värit, typografia, taustat ja kuvat, asettelu, äänensävy, sovellukset, mallit sekä tiedostojen sijainti ja yhteyshenkilö.

### Kuinka pitkä brändiohjeiston pitäisi olla?

Pienyritykselle kahdeksasta kahteentoista sivua yleensä riittää. Selkeät säännöt esimerkkeineen merkitsevät pituutta paljon enemmän.

### Mitä eroa on brändiohjeistolla ja brändin tyylioppaalla?

Termejä käytetään enimmäkseen rinnakkain. Joissakin tiimeissä brändiohjeisto tarkoittaa koko asiakirjaa ja tyyliopas sen visuaalisia ja kirjoittamisen sääntöjä.

### Voinko tehdä brändiohjeiston ilman suunnittelijaa?

Kyllä. Käytä pohjaa, täytä jokainen osio lyhyillä säännöillä ja oikeilla esimerkeillä sekä säilytä logo-, väri- ja fonttitiedostot kaikkien saatavilla.

### Missä muodossa brändiohjeiston pitäisi olla?

PDF on helppo jakaa, mutta elävää asiakirjaa tai verkkosivua on helpompi pitää ajan tasalla. Valitsitpa minkä tahansa, lisää versionumero ja päivämäärä.