GRAAFINEN OHJEISTUS 2017
SISÄLLYS JOHDANTO... 3 LOGO.... 4 VÄRIT.... 5 MUUT GRAAFISET ELEMENTIT... 6 KUVAT & VÄRIT.... 7 TYPOGRAFIA.... 8 LATAA TIEDOSTOT................... 9 2
JOHDANTO Tervetuloa tutustumaan Kasvu Openin visuaaliseen maailmaan ja graafiseen ohjeistukseen. Kokonaisuutemme koostuu kirkkaasta vihreästä väristä, logosta ja typografiasta. Tämän esityksen tarkoitus on varmistaa Kasvu Openiin liittyvän viestinnän yhtenäisyys ja ohjata niin henkilöstöämme kuin kumppaneitamme materiaalien koostamisessa. Ohjeistuksesta löydät toimintatavat niin logon, värien kuin fonttien suhteen. Seuraamalla tätä ohjeistusta tuotat varmasti brändin mukaista, yksinkertaista ja tyylikästä viestintä- ja markkinointimateriaalia. 3
LOGO Kasvu Openin logossa yhdistyvät vihreän värin teemat (s. 5) sekä brändin mukainen selkeä ja vahva typografia. Logo on muodostettu Kasvu Openin fonttiperhe Alright Sansin kahta leikkausta käyttämällä (ja hieman jalostamalla) sekä yläindeksiin nostetulla rekisteröidyn tavaramerkin tunnuksella. Logon värin tulee aina olla joko vihreä tai valkoinen, taustan vallitsevan värin mukaan. Materiaalipankistamme löydät logon kaikki versiot väriprofiileittain. Logoa ei saa koostaa tai jäljentää manuaalisesti tekstinkäsittely- tai julkaisuohjelmissa (esim. Microsoft Word tai Adobe InDesign) käyttämällä Alright-fontin leikkauksia, vaan käytettävä on aina alkuperäisiä logotiedostoja. huom! Kaksirivistä pystylogoa voi käyttää vain erikoistapauksissa, kuten jos logolle varattu tila on vaakasuunnassa liian pieni (esimerkiksi Facebook- tai Twitterprofiilikuvat). 4
VÄRIT Kasvu Openin pääväri, kirkas vihreä #4FAB24, kuvastaa sparrausohjelman pääteemoja: kasvua, uudistumista ja verkostoa. Brändin lisä- ja huomiovärinä on tumma vihreä #006D25 ja tehosteissa voidaan käyttää tummaa harmaata #454545. LISÄVÄRI R0 G109 B37 #006D25 C75 M0 Y100 K36 PMS 7733C PMS 356U Tehosteväriä voi käyttää esimerkiksi kuvakehyksissä, infolaatikoissa tai tekstissä. Kuvatekstit, alaviitteet, huomautukset. lisätiedot jne. TEHOSTE #454545 R69 G69 B69 C10 M10 Y10 K80 Päävärillä voi esim. värittää kuvituskuvia! Kasvu Open Karnevaaliin liittyvissä materiaaleissa lisävärinä voidaan käyttää oranssia (#EE6611). Oranssin tukena voi käyttää tummempaa oranssia #EE3311 älä kuitenkaan innostu liikaa! KARNEVAALI #454545 R69 G69 B69 C10 M10 Y10 K80 #EE3311 R238 G51 B17 C0 M80 Y90 K10 5
MUUT GRAAFISET ELEMENTIT Kasvu Openilla ei ole logon lisäksi varsinaista liikemerkkiä, mutta logon tueksi voi sekalaisiin materiaaleihin upottaa tällä sivulla esitettyjä graafisia elementtejä, mukaanlukien kaudella 2017 käyttöön otettuja leimasimia ja piktogrammeja. Kasvupolku-rakenteelle on luotu omat piktogrammit, mutta myös muiden piktogrammien käyttö on sallittu kunhan ne noudattavat tyyliltään Kasvu Openin omia, ohessa näkyviä malleja. Vanha yksinkertainen on kaunista -sanonta pätee meilläkin! Tämän sivun elementtejä voi käyttää kaikissa Kasvu Openin väreissä. S U O M E N S U U R I N Y R I T Y S T E N Punainen väri muistuttamaan juoksurataa! K A S V U N S PA R R A U S K I L PA I L U Kehys nostoihin! Kasvupolku -startti Kiitorata 1 Kiitorata 2 Kasvupolku -semifinaali 6
KUVAT & VÄRIT Hyvä tapa tehdä Kasvu Open -materiaaleista Kasvu Openin näköisiä on luoda kuvitusten päälle vihreä väripeitto. Jos käytössäsi on Adobe Photoshop, saat tehtyä väripeiton helposti kahdellakin eri tavalla: vaihtoehto 1, kirkkaampi (suositus!) Luo valitsemasi kuvan päälle uusi taso (layer) ja täytä se Kasvu Open -vihreällä Aseta väritason sekoitustilaksi Color/Väri Säädä alemman kuvatason läpinäkyvyyttä (Opacity) sopivaksi (esim. 35 %:sta on hyvä aloittaa!) vaihtoehto 1 vaihtoehto 2 vaihtoehto 2, tummempi Luo Photoshopissa valitsemasi kuvan alle uusi taso (layer) ja täytä se Kasvu Open -vihreällä Aseta kuvatason sekoitustilaksi (Blending Mode) Multiply (suomeksi Kertova) Säädä kuvatason läpinäkyvyys (Opacity) sopivaksi (esim. 50 %:sta on hyvä aloittaa!) Verkkosivukäytössä kuvia voi värjätä luomalla kuvan päälle värialueen jonka taustaväri asetetaan RGBA-muotoon (alpha channel). Kasvu Openin nettisivuilla alpha-kanavan arvo on 0.75, eli kuvan läpinäkyvyys on 75%. Esimerkkejä värien käytöstä taustoissa ja väripeittoina. Värien käyttöä materiaaleissa on hyvä jakaa näin: vihreä 60 % vihreä 20 % harmaa 20 % Kasvu Openin kaksi vihreää väriä voi myös yhdistää liukuväriksi kuvia varten. #4FAB24 #006D25 7
TYPOGRAFIA Typografia on merkittävässä roolissa Kasvu Openin brändin viestinnässä. Kasvu Openin fontti kaikissa materiaalissa verkkosivujamme lukuunottamatta on Alright Sans. Isot otsikot: ULTRA, mieluiten kapiteeli- eli isoin kirjaimin. Ingressit: MEDIUM ITALIC. Myös tässä suositaan isoja kirjaimia. Leipäteksti: Light (myös Regularin käyttö on mahdollista jos Light-leikkaus syystä tai toisesta ei sovi julkaisuun) Tämä on huudahdus! Fabfelt Script Yksittäisiin korostuksiin, huudahduksiin tai iskulauseisiin käytetään käsinkirjoitettua muistiinpanoa muistuttavaa Fabfelt Script -kirjasimen Bold-leikkausta. Pitkissä nostoissa tai esimerkiksi ingresseissä Fabfeltista voi tulla vaikealukuinen käytä maalaisjärkeäsi! Tekstinkäsittely- ja taitto-ohjelmissa joissa se on mahdollista (kuten Indesignissa), on suositeltavaa käyttää Alright Sansin OpenType-määritteissä Proportional Lining (suomeksi Suhteutetut viivat) -asetusta. Tällöin käytössä ovat täysikorkuiset numerot. Vertaa 123456789 ja 123456789 8
LATAA TIEDOSTOT kasvuopen.fi/materiaalipankki kasvuopen.kuvat.fi 9