Top Banner
Graafinen ohjeisto
25

Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Jun 24, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 1

Graafinenohjeisto

Page 2: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 2

Visuaalinen identiteetti

1.

1.1 Logo1.2 Logo väritaustalla1.3 Mustavalkoiset logot1.4 Logon suoja-alue 1.5–1.6 Logo laatikon sisällä1.7 Logon minimikoko1.8 Logon sijoittelu

Page 3: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 3

1.1 Visuaalinen identiteettiVastuu Group -logo

Vastuu Groupilla on käytössä tekstilogo, josta on johdettu eri versioita käytön ja kontekstien mukaan. Pääasiallisesti käytössä on vihreä logo valkoisella taustalla.

Logosta tulee käyttää vain tässä ohjeistossa määriteltyjä originaalitiedostomuotoja.

Muokkaaminen, venyttäminen, kokosuhteiden muuttaminen ja tehosteiden käyttö on kiellettyä.

Logoa käytetään kaikessa Vastuu Groupin visuaalisessa viestinnässä ja markkinoinnissa.

Page 4: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 4

1.2 Visuaalinen identiteettiLogo väritaustalla

Logon negatiiviversio, eli valkoinen vihreällä taustalla.

Page 5: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 5

1.3 Visuaalinen identiteettiMustavalkoiset logot

Mustavalkoista logoa käytetään ainoastaan silloin, kun värillistä logoa ei ole mahdollista käyttää. Mustavalkoista ilmettä sovelletaan siten, että logosta käytetään ensisijaisesti

mustaa logoa valkoisella pohjalla ja tossijaisesti mustaa logoa valkoisella pohjalla.

Mustavalkoisessa ympäristössä ei käytetä värillistä logoa, josta värit muutetaan suoraan mustiksi tai valkoisiksi, vaan näitä erillisiä mustavalkoisia versioita.

Page 6: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 6

Logon käytössä noudatetaan logon oman korkeuden avulla määriteltävää suoja-aluetta.

1.4 Visuaalinen identiteettiLogon suoja-alue

Suoja-alue on tunnuksen ympärille määritelty alue, jonka sisäpuolella ei käytetä logon lisäksi muita viestinnän elementtejä.

Page 7: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 7

1.5 Visuaalinen identiteettiLogo laatikon sisällä

Vastuu Groupilla on käytössä laatikkologo, joka on pääasiallisesti käytössä, kun logo sijoitetaan väripintojen, kuvien tai kuvituksien päälle.

Page 8: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 8

1.6 Visuaalinen identiteettiLogo laatikon sisällä

Laatikkologoissa nimilogo keskitetään laatikon sisälle. Sivusuunnassa nimilogon ympärille vaadittava tyhjä tila on nimilogoon nähden 1/4.

Page 9: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 9

PrinttiLogon minimileveys: 35 mmLaatikkologon minimileveys: 35 mm

DigiLogon minimileveys: 25 mmLaatikkologon minimileveys: 35 mm

Logolle ei ole määritelty maksimikokoa. Isojen logoversioiden sovelluksissa (esim. valotaulu, seinäteippaukset) on kuitenkin huomioitava mittasuhteet, eikä logoa saa venyttää.

1.7 Visuaalinen identiteettiLogon minimikoko

Logon minimileveys on määritelty, jotta sen luettavuus säilyy.

35 mm 35 mm

35 mm25 mm

Page 10: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 10

Logo sijoitetaan A4-tyyppisissä pystypinnoissa oheisten esimerkkien mukaisesti vasempaan alakulmaan ja ppt-tyyppisissä vaakapinnoissa oikeaan yläkulmaan.

Laatikkologo sijoitetaan molemmissa tapauksissa oheisten esimerkkien mukaisesti keskitetysti pinnan yläreunaan.

1.8 Visuaalinen identiteettiLogon sijoittelu

Page 11: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 11

Värit &typografia

2.

2.1 Päävärit2.2 Lisävärit2.3 Värihierarkia2.4 Staff-kirjasin2.5 Typohierarkia2.6 Tekstin sävyt2.7 Korvaavat fontit

Page 12: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 12

2.1 Värit & typografiaPäävärit

Valkoinen

RGB: 255 / 255 / 255 HEX: #ffffffCMYK: 0 / 0 / 0 / 0

Vastuu Groupin Vihreä

RGB: 15 / 155 / 95HEX: #0f9b5fCMYK: 80 / 3 / 77 / 0 PANTONE 347 U

Värit ja niistä muodostuva väripaletti ovat yksi keskeisimmistä visuaalisen ilmeen osista. Väreillä tehdään todeksi brändin olemusta.

Käytössä on kolme pääväriä, joista vihreää ja valkoista pääväriä käytetään keskenään lähes tasa-arvoisesti ja mustaa tukivärinä.

Värihierarkiat on ohjeistettu sivulla 14.

Musta

RGB: 0 / 0 / 0HEX: #000000CMYK: 0 / 0 / 0 / 100PANTONE Process black U

Page 13: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 13

Oranssi

RGB: 255 / 127 / 0 HEX: #ff7f00CMYK: 0 / 55 / 90 / 0

Ilmeeseen on määritelty tukiväreiksi violetti, vaaleanpunainen, keltainen, beige sekä oranssi.

2.2 Värit & typografiaLisävärit

Lisävärit

Violetti

RGB: 168 / 145 / 255 HEX: #a891ffCMYK: 45 / 45 / 0 / 0

Keltainen

RGB: 248 / 215 / 55 HEX: #f8d737CMYK: 0 / 15 / 85 / 0

Vaaleanpunainen

RGB: 240 / 158 / 180 HEX: #f09eb4CMYK: 0 / 48 / 12 / 0

BeigeRGB: 232 / 225 / 206HEX: #e8e1ceCMYK: 10 / 10 / 22 / 0

Musta 50 %, 20 % (Harmaa)

RGB: 0 / 0 / 0HEX: #000000CMYK: 0 / 0 / 0 / 100

50 % ja 20 % tintit,erityisesti verkkosivuja ajatellen.

Mustasta väristä on määritelty myös 50 % ja 20 % tintit lähinnä digiympäristöä ajatellen.

Page 14: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 14

2.3 Värit & typografiaVärihierarkia

1. Käytössä enitenVastuu Groupin Vihreä

Valkoinen

Musta

Violetti

Vaaleanpunainen

Oranssi

Keltainen

Harmaa (50 % musta)

Beige

Harmaa (20 % musta)

2. Käytössä toisinaan

3. Käytössä niukasti

4. Käytössä digiympäristössä

Page 15: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 15

Vastuu Groupin fontti on Rui Abreun suunnittelema, vuonna 2019 julkaistuStaff.

2.4 Värit & typografiaStaff-kirjasin

Staff Black Staff BoldStaff Regular

Designer: Rui AbreuFoundry: R-Typography

Page 16: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 16

Staff Regular -fontti on visuaalisen ilmeen tekstisisältöjen oletusfontti. Fonttia ei käytetä esimerkiksi sähköposteissa tai muussa päivittäisessä tekstipohjaisessa viestinnässä.

Staff Bold -fonttia käytetään otsikkotasoisissa sisällöissä ja yksittäisten sanojen korostamisessa esitysgrafiikan yhteydessä. Staff Bold toimii myös hyvin leipätekstiin, joka sijoitetaan väritaustojen päälle.

Staff-fonttia käytetään kaikissa sähköisissä sovelluksissa ja painotuotteissa, erityisesti vaativammissa painotöissä, jotka toteutetaan erillisillä taitto-ohjelmilla.

Vastuu Groupin fontti on Staff. Se toimii hyvin erityyppisissä käyttökohteissa sähköisistä ympäristöistä lomakkeisiin ja markkinointimateriaaleista presentaatioihin.

2.5 Värit & typografiaTypohierarkia

Staff Black -fonttia käytetään toissijaisena kirjasimena Staff Boldin rinnalla ja ainoastaan otsikkotasoisissa sisällöissä.

Staff Black

Page 17: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 17

Sovelletut värien pohjat ja niihin toimivat tekstit.

2.6 Värit & typografiaTekstin sävyt

Teksti valkoisena, beigenä tai mustana vihreäätaustaväriä vasten.

Teksti valkoisena violettiataustaväriä vasten.

Teksti mustana tai vihreänä valkoistataustaväriä vasten.

Teksti mustana tai vihreänä beigeätaustaväriä vasten.

Page 18: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 18

2.7 Värit & typografiaKorvaavat fontit

PT SansRegular

PT SansBold

Ingressi:Regular 14 pt/16 pt

Vastuu Groupin korvaavafontti on PT Sans.

Ingressi:Bold 14 pt/16 pt

Vastuu Groupin korvaavafontti on PT Sans.

Otsikko: Regular 18 pt/20 pt

Vastuu Groupin korvaavafontti on PT Sans.

Otsikko: Bold 18 pt/20 pt

Vastuu Groupin korvaavafontti on PT Sans.

Leipäteksti:Regular 10 pt/13 ptVastuu Groupin korvaava fontti on PT Sans. Typografian valinnassa on huomioitu, että fontin täytyy toimia hyvin erityyppisissä käyttökohteissa digiympäristöistä lomakkeisiin.

Leipäteksti:Bold 10 pt/13 ptVastuu Groupin korvaava fontti on PT Sans. Typografian valinnassa on huomioitu, että fontin täytyy toimia hyvin erityyppisissä käyttökohteissa digiympäristöistä lomakkeisiin.

Korvaavana fonttina voidaan käyttää jokaiselta PC- ja Mac-koneelta löytyvää PT Sans-fonttia. Korvaavaa fonttia voidaan käyttää esimerkiksi organisaation

PowerPoint-esityksissä ja Word-dokumenteissa. Sivulla esitetyt kirjasinkoot eivät ole mittasuhteiltaan yksi yhteen.

Page 19: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 19

3. Vinjetit Vastuu Groupille on luotu 8 kuvituksen vinjettisarja. Vinjetit esittävät Vastuu Groupin palveluita ja toimialaa.

Page 20: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Esimerkit4.

Page 21: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syyskuu 2019

Selitykset palsta 23 Esimerkit

Syksy 2019 | sivu 21

4.

Page 22: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

3 Esimerkit

Syksy 2019 | sivu 22

4. Esimerkit

Page 23: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Hei,

Lorem ipsum

Vastuu Grouplorem ipsum, jaetulla datallalorem ipsum.

Lue lisää

vastuugroup.fi

Esimerkit3

Syksy 2019 | sivu 23

4.

Page 24: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Selitykset palsta 1

Otsikkodiat Sisältödiat

Selitykset palsta 2

Tämä on kahden rivin otsikko.

Tämä on kolmen rivin otsikko ja ladottu Staff Boldilla.Yhden rivin alaotsikko.

Tämä on kolmen rivin otsikko Boldilla ladottuna.Tämä on Staff Regularilla ladottu 1/2 pienempi alaotsikko.

Tämä on kolmen rivin otsikko Boldilla ladottuna.Tämä on Staff Regularilla ladottu 1/2 pienempi alaotsikko.

Buildingfor future.

Esimerkit3

Syksy 2019 | sivu 24

4.

Page 25: Graafinen ohjeisto › hubfs › Graafinen_ohje... · CMYK: 0 / 0 / 0 / 0 Vastuu Groupin Vihreä RGB: 15 / 155 / 95 HEX: #0f9b5f CMYK: 80 / 3 / 77 / 0 PANTONE 347 U Värit ja niistä

Syksy 2019 | sivu 25

Kiitos!