YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja...
Transcript of YTN graafinen ohjeistoYTN – graafinen ohjeisto. 2. Toissijainen käyttö. Logon suoja-alue ja...
![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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/1.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/2.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/3.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/4.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/5.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/6.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/7.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/8.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/9.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/10.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/11.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/12.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/13.jpg)
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ä.](https://reader036.fdocument.pub/reader036/viewer/2022070212/610866c4c2783b2a12446246/html5/thumbnails/14.jpg)
Graafiset sovellukset
YTN – graafinen ohjeisto
T-paita ja muki