GRAAFINEN OHJEISTO

Koko: px

Aloita esitys sivulta:

Download "GRAAFINEN OHJEISTO"

Anni Leppänen
6 vuotta sitten
Katselukertoja:

1 GRAAFINEN OHJEISTO

2 Tone of Voice OMINAISUUDET Palveluhenkinen Luotettava Helposti lähestyttävä KÄYTTÄYTYY Kriittisesti Heittäytyvästi Kunnioittavasti NÄYTTÄÄ Ammattitaitoiselta Pirteältä Houkuttelevalta

3 Tunnusvärit SAMOK tunnistetaan oranssista tunnusväristään. Liukuväri tuo lämpöä ja dynaamisuutta ja muistuttaa kasvusta ja muutoksesta. Tasapainoinen ja luotettava vedenvihreä toimii korostusvärinä ja palveluiden tunnusvärinä. RGB 250,80,18 Linear gradient oranssi (OR) Linear gradient vihreä (GR) RGB 0, 160, 130 CMYK 80, 10, 60, 0 CMYK 0,82,95,0 keltainen (location 10), oranssi (location 90), slider (location 30), angle 115º vedenvihreä (location 10), RGB 100, 190, 110 / CMYK 60, 0, 75, 0 (location 90), slider (location 30), angle 115º Vedenvihreää käytetään palveluiden tunnusvärinä ja oranssin kontrastivärinä. RGB 250, 182, 0 CMYK 0, 26, 100, 0 Keltaista käytetään tarvittaessa korostusvärinä.

4 Logo Gradientti oranssi (grad) Musta (blk) Gradientti oranssi nega (grad-wht) Valkoinen (wht) Jätä aina logon ympärille vähintään harmaiden elementtien osoittama tyhjä tila. Älä muuta logon mittasuhteita, värejä tai muita elementtejä. Hyödynnä käyttötarkoitukseen sopivaa versiota.

5 Logon muunnokset FI-selitteellä SE-selitteellä EN-selitteellä Suomen opiskelijakuntien liitto Finlands studerandekårers förbund University of Applied Sciences Students in Finland Pistemuunnos (withdot) Kolmikielinen selitetunnus Suomen opiskelijakuntien liitto SAMOK Finlands studerandekårers förbund University of Applied Sciences Students in Finland Logon pistemuunnos on tarkoitettu käytettäväksi selitetunnisteen parina ja poikkeustilanteissa, joissa liikemerkki esiintyy jo esimerkiksi koriste-elementtinä. Kolmikielisen selitteen pariksi sopii logon pistemuunnos. Älä sijoita kolmikielistä selitetunnistetta suoraan logon alle. Selitetunniste on erillinen elementti ja se on tarkoitettu sijoitettavaksi esimerkiksi dokumentin alatunnisteeseen tai käyntikortin kääntöpuolelle.

6 Kirjasintyylit Fontit ovat ladattavissa Google Fonts -kirjastosta osoitteesta fonts.google.com. Google Fonts -fontit ovat ilmaisia. Ne näkyvät myös laitteilla, joille ei ole asennettu kyseisiä fontteja. Maecenas dapibus, risus vitae convallis congue, ante ex fringilla arcu, eu blandit tortor lacus eu ante. Nunc semper dictum nulla, ut consequat nulla pellentesque ac. Morbi non accumsan ligula. Etiam placerat ante pharetra quam ultricies, sed ultrices neque vulputate. Vestibulum tempor metus nisi, nec ultricies libero tincidunt dictum. In hac habitasse platea dictumst. Praesent vel nulla sem. H1-otsikot Lato Black suosituskoko 28pt / 2,5 3 * leipäteksti Ingressit Lato Light suosituskoko 16pt / 1,5 * leipäteksti Leipäteksti Lato Light Lato Regular (kun 8pt tai pienempi) suosituskoko 11pt Pienempi serif-otsikko värillisenä Nunc semper dictum nulla, ut consequat nulla pellentesque ac. Morbi non accumsan ligula. Etiam placerat ante pharetra quam ultricies, sed ultrices neque vulputate. Serif-väliotsikko Nixie One Regular suosituskoko 11pt / leipätekstin koko käytetään tarvittaessa värillisenä OSALLISTU edustamme noin ammattikorkeakouluopiskelijaa Lainaus Nixie One suosituskoko 30pt / 3 * leipäteksti

7 Kirjasintyylit MS-dokumenteissa ja palveluiden värimaailma Word-asiakirjoissa ja muissa dokumenteissa, joita muokataan ulkopuolisilla laitteilla, joille ei ole asennettu Google Fonts -fontteja, voidaan tarvittaessa käyttää Gill Sans -kirjasintyyliä. Se löytyy oletusarvoisesti kaikilta Windows- ja Mac-laitteilta. MS-ohjelmissa H1-otsikot Gill Sans SemiBold suosituskoko 28pt / 2,5 3 * leipäteksti MS-ohjelmissa ingressit Gill Sans Light suosituskoko 16pt / 1,5 * leipäteksti Maecenas dapibus, risus vitae convallis congue, ante ex fringilla arcu, eu blandit tortor lacus eu ante. Nunc semper dictum nulla, ut consequat nulla pellentesque ac. Morbi non accumsan ligula. Etiam placerat ante pharetra quam ultricies, sed ultrices neque vulputate. Vestibulum tempor metus nisi, nec ultricies libero tincidunt dictum. In hac habitasse platea dictumst. Praesent vel nulla sem. MS-ohjelmissa leipäteksti Gill Sans Light Gill Sans Regular (kun 8pt tai pienempi) suosituskoko 11pt Pienempi serif-otsikko värillisenä Nunc semper dictum nulla, ut consequat nulla pellentesque ac. Morbi non accumsan ligula. Etiam placerat ante pharetra quam ultricies, sed ultrices neque vulputate. ÄÄNESTÄ SAMOKiin kuuluvilla opiskelijakunnilla on yhteensä noin jäsentä

8 Visuaaliset elementit Toistettava kuvio Toistettavaa kuviopintaa voi hyödyntää jatkuvana pintana tai yksittäisenä kuvituselementtinä materiaalin reunalla. Kuviosta on oranssi, vihreä, kolmivärinen ja musta muunnos.

9 Kuvio folderissa ja kirjekuorissa

10 Rajatut muodot Liikemerkistä rajatut osiot toimivat koriste-elementtinä esimerkiksi aineistojen reunoilla läpikuultavina tai tilanjakajana. Rajatut muodot on tarkoitettu käytettäviksi suurina pintoina ja niin, että vain pieni osa liikemerkistä on näkyvissä. Tarvittaessa elementtejä voi käyttää peilikuvana ja niitä voi muotoilla lisää liukuvärjätyn liikemerkin pohjalta.

11 ,, Lainaustekstillä voi rytmittää esitteiden ja verkkosivujen sisältöä Lainausteksti ja -merkki Lainaustekstin ja launausmerkin avulla voi nostaa esiin tärkeitä otteita kannanotoista ja rytmittää sisältöä.

Sovelluksia Kirjepohjat Kirjepohjan ja kirjekuorien vasemmassa

Sen alle voidaan asetella yhteystiedot käyntikorttipohjan

Kirjepohjasta voidaan tehdä monisivuisiin ja virallisiin

12 Sovelluksia Kirjepohjat Kirjepohjan ja kirjekuorien vasemmassa yläkulmassa käytetään selitteetöntä logoa. Sen alle voidaan asetella yhteystiedot käyntikorttipohjan tyylisesti. Kirjepohjasta voidaan tehdä monisivuisiin ja virallisiin dokumentteihin soveltuva muunnos, jossa ei käytetä logoa ylätunnisteessa. Tällöin käytetään alatunnisteessa esimerkiksi pistelogon ja kolmikielisen selitteen yhdistelmää.

13 Käyntikortti

14 Huoltajakorotus on askel oikeaan suuntaan

Some-julkaisut ja muut kuvamateriaalit Huoltajakorotus on

suuntaan Huoltajakorotus on askel oikeaan suuntaan LUE

hyödynnetty visuaalisia elementtejä ja valokuvia.

15 Some-julkaisut ja muut kuvamateriaalit Huoltajakorotus on askel oikeaan suuntaan Huoltajakorotus on askel oikeaan suuntaan Huoltajakorotus on askel oikeaan suuntaan LUE KANNANOTTO» Sosiaalisen median julkaisukuvissa on hyödynnetty visuaalisia elementtejä ja valokuvia. Palveluiden materiaaleissa voi hyödyntää vastaavasti vihreitä elementtejä.

16 Suomen opiskelijakuntien liitto SAMOK Finlands studerandekårers förbund University of Applied Sciences Students in Finland

Samankaltaiset tiedostot

Hollolan kunta. graafinen ohjeistus 6/2015

Hollolan kunta. graafinen ohjeistus 6/2015 Hollolan kunta graafinen ohjeistus 6/2015 Logo Logon suoja-alueet suoja-alue Logon suoja-alue määrittäminen tapahtuu logon o-kirjaimen avulla. Elementtejä ja tekstejä ei suositella sijoitettavaksi tälle