Graafinen ohjeist

o

4.10.14.20.

Logo Värimaailma

TypografiaGraafiset elementit

3

Liikkuva opiskelu -logosta on käytössä kaksi versiota sekä näiden värivariaatiot. Ensisijaisena logona käytetään versiota jossa on taustalla L-tunnus. Toissijaista versiota käytetään jos ensisijaisen logon käyttö tuottaa ongelmia esim. taustakuvan/värin tai koon suhteen.

Allaolevilta sivuilta löydät kaikki logon versiot ja värit, käyttörajoitteet ja ohjeistuksen logon suoja-alueisiin.

4

5

6

7

80 %

Logon ympärillä on näkymätön suoja-alue, joka tulee rauhoittaa kaikelta muulta sisällöltä. Logon suoja-alue määräytyy logon “L”-kirjaimen korkeuden mukaan. Suoja-alueen korkeus on 80% logon ”L”-kirjaimen korkeudesta.

8

Logon mittasuhteita ei saa vääristää

Logoa ei saa muuttaa

Logon värejä ei saa muuttaa

Logoa ei saa asettaa häiritsevän taustan päälle

Logoa ei saa leikkautua

9

Värimaailma

Liikkuva opiskelu -värimaailma on saanut inspiraation pohjoismaalaisesta puhtaasta luonnosta luoden leikittelevän, värikkään, harmonisen ja tyylikkään väripaletin. Värien käytössä tulee kiinnittää huomiota niiden oikeaoppiseen käyttöön; Liikkuva opiskelu on värikäs ja iloinen, mutta tarvitsee ympärilleen myös puhdasta tilaa. Alta löydät Liikkuva opiskelu -värikoodit sekä suuntaa antavan ohjeen värien käyttöön.

11

Pantone 376C

Pantone 376U

CMYK 54 / 0 / 100 / 0

RGB 132 / 189 / 0

HEX #84BD00

SAMMAL

Pantone 7733C

Pantone 7733U

CMYK 89 / 0 / 91 / 43

RGB 0 / 112 / 65

HEX #007041

Pantone Process Cyan C

Pantone Process Cyan U

CMYK 100 / 0 / 0 / 0

RGB 0 / 159 / 223

HEX #009FDF

KUUS I VES I

12

35 % 5 % 10 % 50 %

Suuntaa antava suhdeluku värien käytöstä, huomioi että puhdasta valkeaa pintaa on tarpeeksi värien yhteydessä.

13

Typografia

Liikkuva opiskelu -typografia koostuu Quicksand-, FreightSans Pro- sekä Quimby Gubernatorial- kirjaisinperheiden eri leikkauksista. Quicksandia käytetään pääasiassa otsikoissa, Quimby Gubernatorialia lyhyissä nostoissa ja FreightSans Pro perheen leikkauksia leipäteksteissä ja asiateksteissä. Mikäli ensijaisesti käytettäviä fonttia ei ole saatavilla (ns. toimistokäyttö), voidaan toissijaisena fonttina käyttää Calibri-kirjaisinperheen eri leikkauksia.

15

Kirjaisinperheet voi ostaa alla olevista osoitteista. Fontit löytyvät myös Google Fonts ja Adobe Typekit -palveluista.

HT TP S : // FONTS . GOOGL E . COM/ S P ECI ME N/ QUI CKSA ND

HT TP S : // WWW. MY FONTS . COM/ FONTS/ GA R AGE FONTS/ FR E I GHT-SA NS - P RO/

HT TP : // WWW. FONTB ROS . COM/ FA MI L I ES/ QUI MBY- GUB E R NATOR IA L / S T Y L ES/ R EGUL A R

16

ABCDEFGHIJKLMOPQRSTabcdefghijklmnopqrst1234567890#%&()

ABCQuicksand, Bold

17

Nullam rutrum, dui at venenatis malesuada, risus urna maximus erat, at accumsan diam arcu eu metus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer fringilla est vel massa sagittis pharetra. Aliquam ante felis, accumsan nec convallis vel, ultricies eu velit. Aenean mollis elementum diam. Pellentesque id libero interdum, sagittis odio a, fermentum metus. Donec pulvinar magna eget arcu volutpat, dapibus malesuada urna blandit. Ut neque dui, bibendum ut est cursus, faucibus fermentum eros. Integer ornare vestibulum.

Leipäteksti - FreightSans Pro Book Pistekoko 9pt / Riviväli +5pt (14pt) / Kirjainvälistys +5

Alaotsikko - Quicksand Bold Pistekoko 9pt / Riviväli +3pt (12pt) / Kirjainvälistys +130

Otsikko - Quicksand Bold Pistekoko 24pt / Riviväli +3pt (27pt) / Kirjainvälistys -25

Aliquam vehicula non turpis at volutpat

E TI A M E U E X E U E R AT E U I S MO D S AGI T T I S

18

19

Nosto - Quimby Gubernatorial Ainoastaan hyvin lyhyet lauseet / Rotaatio 11°

Donec a erat

nisi vulputate

Graafiset elementit

Liikkuva opiskelu -Ilmeessä käytetään kuvituksena L-tunnusta joko laajempana toistuvana pintana tai yksittäisinä kirjaimina. Myös kuvituskuvia voi yhdistää L-tunnukseen. Esimerkkejä graafisten elementtien käytöstä ilmeessä löydät ”Sovelluskohteet” -osiosta.

21

22

23