GRAAFINEN OHJEISTUS
SISÄLLYS- LUETTELO Johdanto.... 3 Logo....4 Typografia.... 5 Värit....6 Muut graafiset elementit 1/2.... 7 Muut graafiset elementit 2/2....8 Kuvat & värit....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. 6) sekä selkeä ja vahva typografia. Logo on päivittynyt pyöreämpään muotoon vuonna 2018 vanhan logon pohjalta. Logon O-kirjain on hieman muuta tekstiä korkeammalla lennokkuutta, kasvua ja nousua kuvaamassa. Tavaramerkin tunnus on osa logoa, mutta suoja-alueeseen sitä ei tarvitse sisällyttää. 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äsittelytai julkaisuohjelmissa, vaan käytettävä on aina alkuperäisiä logotiedostoja. Vanha logo (2011-2017) Wordilla jäljennetty 4
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 Lightleikkaus syystä tai toisesta ei sovi julkaisuun) 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 Tämä on huudahdus! Fabfelt Script Fabfelt Script abcdefghijklmnopqrstuvwxyzåäö 5
VÄRIT Kasvu Openin pääväri valkoisen ohella on kirkas vihreä #4FAB24, joka kuvastaa sparrausohjelman pääteemoja: kasvua, uudistumista ja verkostoa. LISÄVÄRI R0 G109 B37 #006D25 C75 M0 Y100 K36 PMS 7733C PMS 356U Brändin lisä- ja huomiovärinä on tumma vihreä #006D25 ja tehosteissa voidaan käyttää harmaata #454545. TEHOSTE R69 G69 B69 #454545 C10 M10 Y10 K80 KARNEVAALI R69 G69 B69 #454545 C10 M10 Y10 K80 R238 G51 B17 #EE3311 C0 M80 Y90 K10 6
MUUT GRAAFISET ELEMENTIT 1/2 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. Kasvupolkurakenteelle 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ä. Kehys nostoihin! Hakuvaihe Kasvupolku -startti / Kiitoradat Kasvupolun semifinaali Kasvupaja 7
MUUT GRAAFISET ELEMENTIT 2/2 Kasvu Openin prosessi voi monimuotoisuutensa puolesta olla monelle olla ensi kuulemalta haastava sisäistää. Tätä varten olemme luoneet erilaisilla graafisilla elementeillä varustettuja infograafeja kokonaisuuden avaamisen helpottamiseksi. Sivun materiaalien pääasiallinen käyttö on Kasvu Openin nettisivuilla sekä kumppaneille suunnatuissa viestintä- ja ohjeistuspaketeissa, mutta verkostoon kuuluvat voivat halutessaan ladata kuvat materiaalipankistamme ja jakaa sieltä eteenpäin. 8
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 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 9
LATAA kasvuopen.fi/materiaalipankki kasvuopen.kuvat.fi 10