15
Graafinen ohjeisto

YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

  • Upload
    others

  • View
    2

  • Download
    0

Embed Size (px)

Citation preview

Page 1: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Graafinen ohjeisto

Page 2: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Logo

YTN:n logosta on kaksi versiota. Ensisijaisesti käytetään logon versiota numero 1. Versiota 2 käytetään erityistilanteissa, kuten erittäin pienessä koossa.

1. Ensisijainen käyttö

YTN – graafinen ohjeisto

2. Toissijainen käyttö

Page 3: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Logon suoja-alue ja minimikoko

Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä.

Logoa käytettäessä kuvan päällä, tulee suoja-alueen olla niin selkeä, että logo erottuu taustasta.

YTN:n logoa numero 1 ei tule käyttää 20 mm pienempänä printattuna. Tarkistathan aina logon tekstin luettavuuden ja vaihda tarvittaessa logoversioon 2 tai suurenna logoa, niin että tekstiä on luettavissa.

Logon suoja-alue: Älä sijoita muita elementtejä tai

tekstiä suoja-alueen sisälle.

Minimikoko: 20 mm

Minimikoko: 10 mm

1.

2.

YTN – graafinen ohjeisto

Page 4: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Logoversiot

Logosta on eri käyttötarkoituksia varten kolme väriversiota.

Sininen: Ensisijainen käyttö

Musta: Mustavalkoisiin käyttötarkoituksiin

Valkoinen (nega): Väripintojen ja kuvien päälle, kun sininen versio ei erotu selkeästi.

Sininen Musta Valkoinen (nega)

2.

1.

YTN – graafinen ohjeisto

Page 5: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Logon käyttö

Säilytä logon mittasuhteet ja värit, kuten on suunniteltu. Logoa ei tule skaalata mittasuhteita vääristäen, eikä värejä tule muuttaa.

YTN – graafinen ohjeisto

Page 6: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Värit: Päävärit

YTN:n väripaletti muodostuu neljästä pääväristä ja kahdesta tehosteväristä. Musta ja valkoinen ovat osana väripalettia.

Päävärit Käytetään pääasiallisena väripalettina kaikissa eniten näkyvillä olevissa materiaaleissa kuten verkkosivuilla, roll-upeissa, käyntikorteissa, PPT-pohjassa ja esitteissä.

PMS 299 CMYK 86/8/0/0 RGB 0/130/200 HEX 0082C8

PMS 332 CMYK 40/0/30/0 RGB 147/230/202 HEX 93E6CA

PMS 2756 CMYK 100/95/25/20 RGB 19/31/107 HEX 131F6B

PMS 428 CMYK 10/4/4/14 RGB 192/195/200 HEX C0C3C8

80%

60%

40%

20%

Kaikista väreistä on käytössä myös värisävyt (tints): 80%, 60%, 40% ja 20%

YTN – graafinen ohjeisto

Page 7: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Värit: Tehostevärit

Tehostevärejä käytetään esimerkiksi kaavioissa, diagrammeissa ja infografiikassa lisäväreinä. Voidaan käyttää tarvittaessa myös tietyn teeman tai kampanjan yhteydessä päävärin omaisesti.

PMS 2725 CMYK 83/78/0/0 RGB 79/69/156 HEX 4F459C

PMS 7423 CMYK 0/70/50/0 RGB 242/113/109 HEX F2716D

CMYK 0/0/0/100 RGB 0/0/0 HEX 000000

CMYK 0/0/0/0 RGB 255/255/255 HEX FFFFFF

YTN – graafinen ohjeisto

Page 8: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Typografia: Ensisijainen

YTN:n ensisijaiset kirjasimet ovat Hero New ja Lora.

Ensijaista typografiaa käytetään edustuskäytössä, kuten painetuissa materiaaleissa ja verkkosivulla.

Hero New - Extra Bold The quick brown fox jumps over the lazy dog

Hero New - Bold The quick brown fox jumps over the lazy dog

Hero New - Semi Bold The quick brown fox jumps over the lazy dog

Hero New - Medium The quick brown fox jumps over the lazy dog

Hero New Lora

Lora - Bold The quick brown fox jumps over the lazy dog

Lora - Bold Italic The quick brown fox jumps over the lazy dog

Lora - Regular The quick brown fox jumps over the lazy dog

Lora - Italic The quick brown fox jumps over the lazy dog

YTN – graafinen ohjeisto

Otsikkotasot ja korostukset Leipäteksti

Page 9: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Typografia: Toissijainen

Toissijaista typografiaa käytetään aina kun ensisijaista typografiaa ei ole saatavilla ja sovelluksissa kuten: Powerpoint, Word ja uutiskirje.

Century Gothic - Bold The quick brown fox jumps over the lazy dog

Century Gothic - Bold Italic The quick brown fox jumps over the lazy dog

Century Gothic- Regular The quick brown fox jumps over the lazy dog

Century Gothic- Italic The quick brown fox jumps over the lazy dog

Century Gothic Georgia

Georgia - Bold The quick brown fox jumps over the lazy dog

Georgia - Bold Italic The quick brown fox jumps over the lazy dog

Georgia - Regular The quick brown fox jumps over the lazy dog

Georgia - Italic The quick brown fox jumps over the lazy dog

YTN – graafinen ohjeisto

Otsikkotasot ja korostukset Leipäteksti

Page 10: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Kuvamaailma

YTN:n kuvamaailma koostuu YTN:n väripaletista, laatikoista, ihmisistä ja erilaisista asiantuntijatyön elementeistä. Kuvat otetaan väripaletin mukaisilla taustoilla. Kuvissa esiintyy yksi tai useampi asiantuntija. Myös asetelmakuvissa voidaan käyttää vain yhtä tai useampaa elementtiä samanaikaisesti. Kuvia voidaan käyttää roll-uppien, julisteiden ja mainosten taustana yhdistettynä isoon typografiaan. Kuvauksissa syntyneen kuvapankin kuvia voidaan hyödyntää esimerkiksi verkkosivuston blogipostauksissa.

YTN – graafinen ohjeisto

Page 11: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Kuosi

YTN – graafinen ohjeisto

Kuosi on suunniteltu elävöittämään YTN:n graafista ilmettä ja sillä voidaan kuvittaa eri sovelluksia.

Kuosia voidaan käyttää kuvien taustalla niin, että elementit eivät mene kuvassa pääkohteen päälle.

Page 12: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Graafiset sovellukset

YTN – graafinen ohjeisto

Käyntikortti

Page 13: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Graafiset sovellukset

YTN – graafinen ohjeisto

PowerPoint -pohja

Page 14: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

Graafiset sovellukset

YTN – graafinen ohjeisto

T-paita ja muki

Page 15: YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja minimikoko. Logon suoja-alueen sisään ei tule sijoittaa muita elementtejä tai tekstiä

[email protected]

Graafiseen ohjeistukseen liittyvissä kysymyksissä

ole yhteydessä: