10/2020 GRAAFINEN OHJEISTO
SISÄLLYS LOGO 3 Logon väriversiot 5 Logon suoja-alue 6 VÄRIT 7 TYPOGRAFIA 9 PIKTOGRAMMIT 11 Piktogrammien dna 13 INFORMAATIOGRAFIIKKA 14 GRAAFISET ELEMENTIT 16 SOVELLUSESIMERKKEJÄ 18 ENERGYWEEK 23 Logo 24 Sovellusesimerkit 25
3 LOGO
LOGO EnergyVaasan tunnus muodostuu pelkistetystä tekstilogosta, joka on selkeä ja asiallinen. Logosta on kaksi eri versiota ja näistä variaatiot, joita käytetään väripohjilla (kts. sivu 5). 4
LOGON VÄRIVERSIOT Logoa pyritään käyttämään ensisijaisesti valkoisella pohjalla tai pää- ja lisävärien päällä. Näissä tilanteissa käytetään logon väriversioita. Logoa voidaan käyttää harkitusti kuvien päällä. Logon riittävä erottuminen taustastaan on aina varmistettava. 5
LOGON SUOJA-ALUE Logon ympärille on jätettävä oheisen kuvan mukaisesti määritelty alue tyhjää tilaa, johon ei saa sijoittaa mitään elementtejä. Näin logo saa ansaitsemansa arvon ja erottuu ympäristöstään. Suoja-alueen säännöt koskevat myös logon vaaka-versiota. Suoja-alue 1x E-kirjaimen korkeus = 1X 6
7 VÄRIT
VÄRIPALETTI EnergyVaasat värit muodostuvat pääväreistä, lisäväreistä ja aksenttiväreistä. Aksenttivärin osuus on aina huomattavasti vähäisempi. Aksenttivärejä käytetään esimerkiksi ingofmaatiografiikassa. Pääväri PMS 2738 CMYK (coated) 100,85,0,10 CMYK (uncoated) 100,95,0,0 RGB 0,10,140 HEX #000a8c Väreistä käytetään aina ensisijaisesti 100% väriarvoja, ei prosenttiarvoja. Lisävärit CMYK-värejä käytetään neliväripaino töissä. PMS-värejä käytetään painotöissä, joissa käytetään vain yhtä tai kahta painoväriä. Tällaisia ovat esimerkiksi pelkkää grafiikkaa sisältävät sovellukset, kuten lehtiöt, kirje kuoret ja folderit. RGB-värejä käytetään sähköisissä ympäristöissä, kuten toimisto-ohjelmissa (PowerPoint, Excel, Word), verkkopalveluissa sekä videoissa. PMS 165 CMYK (coated) 0, 71, 100, 0 CMYK (uncoated) 0, 53, 89, 0 RGB 236, 100, 8 HEX #EB6408 Aksenttivärit PMS 361 CMYK (coated) 77, 0, 100,0 CMYK (uncoated) RGB 67, 176, 42 HEX #43B02A HEX-koodia käytetään verkkosivujen värimäärityksessä. PMS 632 CMYK (coated) 85,0,22,7 CMYK (uncoated) 95,0,30,0 RGB 0,145,170 HEX #0096aa PMS 3285 CMYK (coated) 95,0,55,0 CMYK (uncoated) 100,0,55,0 RGB 0,145,130 HEX #009182 PMS 214 CMYK (coated) 2,100,25,5 CMYK (uncoated) 0,100,25,5 RGB 215,15,100 HEX #d70f64 PMS 630 CMYK (coated) 48,0,20,0 CMYK (uncoated) 50,0,22,0 RGB 110,200,210 HEX #6ec8d2 PMS 333 CMYK (coated) 50,0,35,0 CMYK (uncoated) 53,0,40,0 RGB 55,220,195 HEX #37dcc2 PMS Cool Gray 1 CMYK (coated) 4, 2, 4, 8 CMYK (uncoated) 4, 3,6, 7 RGB 233, 234, 232 HEX #E9EAE8 8
9 TYPOGRAFIA
TYPOGRAFIA EnergyVaasan ensisijainen kirjasintyyppi on Gotham Rounded. Gotham Rounded on luonteeltaan geometrisen selkeä ja suoraviivainen, mutta pyöristetyt muodot tuovat olemukseen ystävällisyyttä ja pehmeyttä. Gotham Rounded on yhtenäinen ja monikäyttöinen kirjasinperhe, josta löytyy runsaasti eri vahvuisia leikkauksia. Tämä mahdollista rikkaan ja elävän typografisen ilmeen. EnergyVaasan käyttämät kirjasin leikkaukset ovat Gotham Rounded Light, Book, Medium ja Bold. GOTHAM ROUNDED Light 12345! @&%* Book 12345! @&%* Medium 12345! @&%* Bold 12345! @&%* Toissijaisena kirjasimena käytetään Source Sans -kirjasinta. Sitä käytetään ainoastaan pidemmissä leipäteksteissä, mikäli Gotham Rounded on liian tilaa vievä. Käytössä ovat kirjasinleikkaukset light, regular ja bold. Source Sansia käytettäessä tulee aina taata riittävä riviväli ja kirjasinvälistys, jotta tekstimassa ei muodostu liian raskaaksi. Source Sans ei milloinkaan saa syrjäyttää ensisijaista fonttia, vaan Gotham Rounded tulee aina olla julkaisussa hallitseva kirjasin, esim. pääotsikoissa, ingresseissä, väliotsikoissa ja nostoissa. Päivittäisessä toimistokäytössä kuten Wordlomakkeissa ja PowerPoint-esityksissä korvaava kirjasin on Arial Rounded MT Bold. SOURCE SANS Light 12345! @&%* Light 12345! @&%* Regular 12345! @&%* ARIAL ROUNDED MT BOLD Light 12345! @&%* Bold 12345! @&%* 10
11 PIKTOGRAMMIT
PIKTOGRAMMIT EnergyVaasan ilmeeseen kuuluvat myös piktogrammit, eli symboliset kuvamerkit. Piktogrammeja käytetään tekstiä ja/tai kuvaa täydentävänä visuaalisena elementtinä. 12
PIKTOGRAMMIEN DNA Piktogrammien piirtämisessä huomioitava seuraavat asiat: Piktogrammit kuvastavat EnergyVaasan positiivista energiaa. Viivan paksuus 4 pt Piktogrammit piirretään selkeiksi ja ovat muotokieleltään pyöreitä ja ystävällisiä. Piktogrammit sisältävät ensisijaisesti kahta eri viivapaksuutta. Paksumman viivan paksuu on 8 pt ja ohuemman 4 pt. Viivojen päät ovat pyöristettyjä. Piktogrammit piirretään ensisijaisesti kaksiulotteisina. Vinkki. Piirrettäessä uusia piktogrammeja, käytä tiedostopohjaa piktogrammi_teplate.ai. Kun piktogrammi on valmis, viivat muutetaan täyttöväriksi expand-komennolla. Viivan paksuus 8 pt Pyöristetty viivan pää 13
14 INFORMAATIOGRAFIIKKA
INFORMAATIGRAFIIKKA Kaavioiden laatimisessa sovelletaan oheisten esimerkkien linjausta. Informaatiografiikassa on sallittua käyttää keskenään kaikkia EnergyVaasan värejä. Vinkki. Tee kaaviot Excelissä, tallenna ne pdf-tiedostoksi ja muokkaa grafiikat Illustratorissa oheisten esimerkkien mukaisesti. 100 90 80 70 60 50 40 30 20 10 0 2017 2018 2019 DOLO R AMET DOLO R SIT AMET LORE M 100 90 80 70 60 50 40 30 20 10 0 2017 2018 2019 DOLO R AMET DOLO R SIT AMET LORE M 70 60 DOLO R 70 60 DOLO R 50 50 40 40 30 30 20 20 10 10 0 0 2016 2017 2018 2019 2016 2017 2018 2019 15
16 GRAAFISET ELEMENTIT
GRAAFISET ELEMENTIT Graafisina elementteinä käytetään kuusikulmaista kennoa ja apuelementteijä. Elementtejä voi käyttää pää- ja lisäväreissä. Kenno kuvastaa ajatusta EnergyVaasan luomista ja mahdollistamista kontakteista. Kennon kuusi kulmaa viestivät ajatusta siitä, että kaikki maailman ihmiset ovat tavoitettavissa kuuden kontaktin kautta. Kenno Apuelementit 17
18 SOVELLUSESIMERKKEJÄ
19 KENNO
KENNO THE CITY OF VAASA HAS AN EXTREMELY BUSINESS FRIENDLY CULTURE. 20
21 ROLLUP
22 ENERGYVAASA.FI
23 KULKUKORTTI
24 ENERGYWEEK
25 LOGO
SOVELLUSESIMERKKI 1 2020 15. 18.3. Tee duotone-kuvat käyttäen EnergyVaasan värejä. Ohjeet duotene-kuvien muokkaamiseen löydät täältä. 26
27 SOVELLUSESIMERKKI 2