Omahoitopolut. Omahoitopolut.fi graafinen ohjeisto
|
|
- Simo Laine
- 8 vuotta sitten
- Katselukertoja:
Transkriptio
1 Omahoitopolut Omahoitopolut.fi graafinen ohjeisto
2 2 Omahoitopolut Omahoitopolut 3 JOHDANTO Omahoitopolut.fi on kaikille avoin ja ilmainen verkkopalvelu oman terveyden ja hyvinvoinnin seurantaan sekä sairastumisriskien kartoittamiseen. Kansalaisten lisäksi sosiaali- ja terveysalan ammattilaiset voivat käyttää sitä asiakastyössään elintapaohjauksen tukena. Omahoitopoluissa käsitellään kansanterveydellisesti merkittäviä aiheita, kuten kansantauteja, lasten tervettä kasvua, päihteitä ja mielenterveyttä. Aiheita lähestytään positiiivisella ja rohkaisevalla asenteella. Palvelun sisältö ja kuvamaailma ovat luonteeltaan rakentavia. Visuaalinen ilme on THL:n kansalaispalveluiden tyylin mukainen, selkeä ja harmoninen. Palvelu on suunniteltu päätelaiteriippumattomaksi ja esteettömäksi (WCAG 2.0 AA). Suunnittelutyössä tavoitteena on ollut luoda raikas, luotettava ja positiivinen lähtökohta haastavienkin sisältöaiheiden käsittelyyn. Palvelun kohderyhmään kuuluvat kaikenikäiset nuorista eläkeläisiin. Käyttökokemuksen kannalta olennaisessa osassa ovat polkukohtaiset testit ja niiden helppokäyttöisyys. Graafinen ohjeisto kuvaa palvelun visuaalisen ilmeen ja typografian yksityiskohdat ja luo pohjan verkkopalvelun jatkokehitystä varten.
3 4 Omahoitopolut Omahoitopolut 5 SISÄLTÖ LOGO 6 TYPOGRAFIA 8 PÄÄVÄRIT 12 VÄRIPALETTI 14 TEKSTITYYLIT 16 SISÄLTÖMOODUULI 18 IKONIT JA GRAFIIKKA 44 KAAVIOTYYLIT 46 TAULUKOT 58 LOMAKKEET 62 PAINIKKEET 66 FACEBOOK SIVU 68 VALOKUVAT 70
4 6 Omahoitopolut Omahoitopolut 7 LOGO Logo Omahoitopolkujen logosta käytetään tummanharmaata Omahoitopolut (#444444) tekstiversiota. Koko Omahoitopolkujen käytössä oleva logo on 260 pikseliä leveä täysversio ja tabletti: 260px (mobiili: 204 pikseliä leveä) kaikilla sivuilla. Tätä isommat tai pienemmät koot eivät ole yhtenäisiä suunnitellun sivutyylin kanssa. Vapaa tila VAPAA TILA Omahoitopolut X Logon ympärillä tulisi aina olla tarpeeksi vapaata tilaa, jotta logo erottuisi muusta sisällöstä. Vapaan tilan määrä (X) on laskettu Omahoitopolut-logon korkeuden mukaan siten että vapaa tila on puolet (X/2) logon korkeudesta. Tälle X/2 mobiili: 204px X/2 suojaalueelle ei tulisi lisätä tekstiä, grafiikkaa tai kuvia. VAPAA TILA Omahoitopolut X X/2 X/2
5 8 Omahoitopolut Omahoitopolut 9 TYPOGRAFIA Source Sans Pro Light abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Source Sans Pro on pääkirjasinlajimme. Source Sans Pro on Adoben ensimmäinen avoimen lähdekoodin kirjasinlajiperhe ja sen on suunnitellut Paul D. Hunt. Source Sans Pro on sans serif -kirjansinlaji ja se on kehitetty käytettäväksi erityisesti käyttöliittymissä. Source Sans Pro Vaalealla pohjalla Source Sans Pro Regular abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Tämä sans-serif kirjasinlajiperhe on julkaistu avoimen lähdekoodin SIL Open Font License, 1.1- lisenssillä yhteistyössä Googlen kanssa. Voit ladata kirjasinlajiperheen osoitteesta: google.com/fonts#useplace:use/collection:source+sans+pro abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Source Sans Pro Semibold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Omahoitopolut käyttää neljää fontin kirjasinleikkausta light, regular, semibold, ja bold. Tummalla pohjalla abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Source Sans Pro Bold abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
6 10 Omahoitopolut Omahoitopolut 11
7 12 Omahoitopolut Omahoitopolut 13 PÄÄVÄRIT Verkkosivustolla on käytössä laaja väripaletti. Väripalettia käytetään yksivärisissä elementeissä, taustasävyissä sekä korostetuilla alueilla, kuten navigaatioissa, linkeissä ja ikoneissa. Omahoitopolkujen värit perustuvat THL:n verkossa käytettäviin väreihin. Jokaisella omahoitopolulla on oma pääväri, joka teemoittaa polkua.
8 14 Omahoitopolut Omahoitopolut 15 VÄRIPALETTI PÄÄVÄRIT TÄYDENTÄVÄT VÄRIT HEX RGB CMYK 7cbd3f HEX RGB CMYK df4e4d HEX RGB CMYK ec7a7a HEX RGB CMYK 90cf HEX RGB CMYK fba HEX RGB CMYK 1d9fc HEX RGB CMYK ffd HEX RGB CMYK 0476bc HEX RGB CMYK 9c04bc HEX 916ebe HEX d83f75 HEX RGB RGB RGB CMYK CMYK CMYK
9 16 Omahoitopolut Omahoitopolut 17 TEKSTITYYLIT TÄYSVERSIO TABLETTI MOBIILI tyylit on esitelty seuraavassa järjestyksessä. H1 60px, semibold, #f5f5f5, text-shadow: 0, 1px, # H1 48px, semibold, #f5f5f5, text-shadow: 0, 1px, # H1 34px, semibold, #f5f5f5, text-shadow: 0, 1px, # tyyppi tai nimi, fonttikoko, tekstin leikkaus, tekstin efektit ja tekstin väri. Tablet ja mobiilikoon tekstityylit on Kuvaus 24px, semibold, #f5f5f5, text-shadow: 0, 1px, # px, bold, # (tai #f5f5f5), SUURAAKKOSET Kuvaus 22px, regular, #f5f5f5, text-shadow: 0, 1px, # px, bold, # (tai #f5f5f5), SUURAAKKOSET Kuvaus 18px, regular, #f5f5f5, text-shadow: 0, 1px, # px, bold, # (tai #f5f5f5), SUURAAKKOSET myös listattu tälle sivulle. H3 22px, semibold, # (tai #f5f5f5), SUURAAKKOSET tai ei suuraakkoset H3 22px, semibold, # (tai #f5f5f5), SUURAAKKOSET tai ei suuraakkoset H3 20px, semibold, # (tai #f5f5f5), SUURAAKKOSET tai ei suuraakkoset Tyylimääritykset on toteutettu Omahoitopolkujen Liferay-teemaan. Ingressi Otsikko 22px, light, # px, regular, #444444, SUURAAKKOSET Ingressi Otsikko 20px, light, # px, regular, #444444, SUURAAKKOSET Ingressi Otsikko 18px, light, # px, regular, #444444, SUURAAKKOSET 18px, light, # px, light, # px, light, # Kuvateksti 14px, regular, # Kuvateksti 14px, regular, # Kuvateksti 14px, regular, # Linkki 18px, light, perusväri: #0476BC Linkki 18px, light, perusväri: #0476BC Linkki 16px, light, perusväri: #0476BC hover: #058ee1 hover: #058ee1 hover: #058ee1 vierailtu: #9c04bc vierailtu: #9c04bc vierailtu: #9c04bc Lista-nimike 18px, regular, #0476BC Lista-nimike 18px, regular, #0476BC Lista-nimike 16px, regular, #0476BC
10 18 Omahoitopolut Omahoitopolut 19
11 20 Omahoitopolut Omahoitopolut 21 H1 Päihteet ja mielenterveys Päihteet ja mielenterveys Päihteet ja mielenterveys Kuvaus Mielenterveys on ihmisen hyvinvoinnin, terveyden ja toimintakyvyn perusta Mielenterveys on ihmisen hyvinvoinnin, terveyden ja toimintakyvyn perusta Mielenterveys on ihmisen hyvinvoinnin, terveyden ja toimintakyvyn perusta PÄÄKUVA TÄYSVERSIO H1 60px, semibold, #f5f5f5, text-shadow: 0, 1px, # TABLETTI H1 48px, semibold, #f5f5f5, text-shadow: 0, 1px, # Kuvaus 24px, semibold, #f5f5f5, text-shadow: 0, 1px, # Kuvaus 22px, semibold, #f5f5f5, text-shadow: 0, 1px, # MOBIILI H1 Kuvaus 34px, semibold, #f5f5f5, text-shadow: 0, 1px, # px, regular, #f5f5f5, text-shadow: 0, 1px, #161616
12 22 Omahoitopolut Omahoitopolut 23 H3 Ingressi Arvioi riskiäsi sairastua neljään yleistä sairauteen yhdellä testillä. Testi mittaa sairastumisriskiä sydäninfarktiin, aivohalvaukseen ja diabete Arvioi riskiäsi sairastua neljään yleistä sairauteen yhdellä testillä. Arvioi riskiäsi sairastua neljään yleistä sairauteen yhdellä testillä. seen seuraavien 10 vuoden aikana. Muistisairauden osalta testi osoittaa sairastumisriskiä seuraavan 20 vuoden aikana. Testi mittaa sairastumisriskiä sydäni farktiin, aivohalvaukseen ja diabetekseen seuraavien 10 vuoden aikana. Muistis irauden osalta testi osoittaa sairastumis riskiä seuraavan 20 vuoden aikana. Testi mittaa sairastumisriskiä sydäninfarktiin, aivohalvauseen ja diabetekseen seuraav en 10 vuoden aikana. Muistisairauden osalta testi osoittaa sairastumisriskiä seuraavan 20 vuoden aikana. INGRESSI TÄYSVERSIO H3 Ingressi 22px, semibold, # (tai #f5f5f5), SUURAAKKOSET tai ei suuraakkoset 22px, light, # TABLETTI H3 Ingressi 22px, semibold, # (tai #f5f5f5), SUURAAKKOSET tai ei suuraakkoset 20px, light, # MOBIILI H3 Ingressi 20px, semibold, # (tai #f5f5f5), SUURAAKKOSET tai ei suuraakkoset 18px, light, #444444
13 24 Omahoitopolut Omahoitopolut 25 SYDÄN- JA VERISUONISAIRAUDET SYDÄN- JA VERISUONISAIRAUDET SYDÄN- JA VERI- SUONISAIRAUDET SISÄLTÖMODUULI 1 TÄYSVERSIO Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequiunt. 30px, bold, # (tai #f5f5f5), SUURAAKKOSET 18px, light, # TABLETTI Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequiunt. 30px, bold, # (tai #f5f5f5), SUURAAKKOSET 18px, light, # MOBIILI Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusan 24px, bold, # (tai #f5f5f5), SUURAAKKOSET 16px, light, #444444
14 26 Omahoitopolut Omahoitopolut 27 TESTIN LUOTETTAVUUS ERI SAIRAUKSISSA TESTIN LUOTETTAVUUS ERI SAIRAUKSISSA TESTIN LUOTETTAVUUS ERI SAIRAUKSISSA SISÄLTÖMODUULI 2 Otsikko TÄYSVERSIO SYDÄNINFARKTI, AIVOHALVAUS JA DIABETES Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Otsikko 30px, bold, # (tai #f5f5f5), SUURAAKKOSET 20px, regular, #444444, SUURAAKKOSET 18px, light, # MUISTISAIRAUS Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. JOS JO SAIRASTAT JOTAKIN NÄISTÄ TAUDEISTA Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo. TABLETTI SYDÄNINFARKTI, AIVOHALVAUS JA DIA- BETES Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut... Otsikko 30px, bold, # (tai #f5f5f5), SUURAAKKOSET 20px, regular, #444444, SUURAAKKOSET 18px, light, # MUISTISAIRAUS Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exe... SYDÄNINFARKTI, AIVOHALVAUS JA DIABETES Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut... MOBIILI Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusm... Otsikko SYDÄNINFARKTI, AIVOHALVAUS JA DIABETES MUISTISAIRAUS 24px, bold, # (tai #f5f5f5), SUURAAKKOSET 18px, regular, #444444, SUURAAKKOSET 16px, light, #444444
15 28 Omahoitopolut Omahoitopolut 29 MUISTISAIRAUDET MUISTISAIRAUDET MUISTISAIRAUDET Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in Duis aute irure dolor in reprehenderit SISÄLTÖMODUULI 3 Linkki Kuva TÄYSVERSIO voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sit voluptatem accusantium doloremque... 30px, bold, # (tai #f5f5f5), SUURAAKKOSET 18px, light, # Linkki 18px, light, perusväri: #0476BC, hover: #058ee1, vierailtu: #9c04bc TABLETTI in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sit voluptatem accusantium doloremque... 30px, bold, # (tai #f5f5f5), SUURAAKKOSET 18px, light, # Linkki 18px, light, perusväri: #0476BC, hover: #058ee1, vierailtu: #9c04bc MOBIILI Linkki 24px, bold, # (tai #f5f5f5), SUURAAKKOSET 16px, light, # px, light, perusväri: #0476BC, hover: #058ee1, vierailtu: #9c04bc
16 30 Omahoitopolut Omahoitopolut 31 SISÄLTÖMODUULI 4 H3 Grafiikka TÄYSVERSIO Testi yhdistää kolme erillistä riskitestiä Tämä yhteistesti yhdistää kolme erillistä riskitestiä, jotka perustuvat laajoihin Terveyden ja hyvinvoinnin laitoksen tutkimusaineistoihin. Testi antaa vinkkejä riskien pienentämiseen ja terveellisiin elintapoihin Testin avulla saat vinkkejä riskien pienentämiseen ja terveellisiin elintapoihin. Testin tekemiseen menee aikaa vain muutama minuutti. H3 22px, semibold, # (tai #f5f5f5), SUURAAKKOSET tai ei suuraakkoset 18px, light, # TABLETTI Testi yhdistää kolme erillistä riskitestiä Tämä yhteistesti yhdistää kolme erillistä riskitestiä, jotka perustuvat laajoihin Terveyden ja hyvinvoinnin laitoksen tutkimusaineistoihin. Testi antaa vinkkejä riskien pienentämiseen ja terveellisiin elintapoihin Testin avulla saat vinkkejä riskien pienentämiseen ja terveellisiin elintapoihin. Testin tekemiseen menee aikaa vain muutama minuutti. H3 22px, semibold, # (tai #f5f5f5), SUURAAKKOSET tai ei suuraakkoset 18px, light, # MOBIILI Testi yhdistää kolme erillistä riskitestiä Tämä yhteistesti yhdistää kolme erillistä riskitestiä, jotka perustuvat laajoihin Terveyden ja hyvinvoinnin laitoksen tutkimusaineistoihin. Testi antaa vinkkejä riskien pienentämiseen ja terveellisiin elintapoihin Testin avulla saat vinkkejä riskien pienentämiseen ja terveellisiin... H3 20px, semibold, # (tai #f5f5f5), SUURAAKKOSET tai ei suuraakkoset 16px, light, #444444
17 32 Omahoitopolut Omahoitopolut 33 OTSIKKO TYPE 1 DIABETES TYPE 2 DIABETES TYPE 1 DIABETES TYPE 2 DIABETES TYPE 1 DIABETES Lorem ipsum dolor sit amet, consetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor. Lorem ipsum dolor sit amet, consetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore Lorem ipsum dolor sit amet, consetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolor. Lorem ipsum dolor sit amet, consetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad mipnim veniam. magna aliqua Ut enim ad magna aliqua Ut enim ad mipnim veniam. mipnim veniam. Kuva SISÄLTÖMODUULI 5 TÄYSVERSIO Otsikko 20px, regular, #444444, SUURAAKKOSET 18px, light, # TABLETTI Otsikko 20px, regular, #444444, SUURAAKKOSET 18px, light, # MOBIILI Otsikko TYPE 2 DIABETES Lorem ipsum dolor sit amet, consetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et... 18px, regular, #444444, SUURAAKKOSET 16px, light, #444444
18 34 Omahoitopolut Omahoitopolut 35 AIVOHALVAUS AIVOHALVAUS AIVOHALVAUS Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Kuva SISÄLTÖMODUULI 6 Kuvateksti TÄYSVERSIO Kuvateksti Jukka Rosendal, Neurologian professori 30px, bold, # (tai #f5f5f5), SUURAAKKOSET 18px, light, # px, regular, # TABLETTI Jukka Rosendal, Neurologian professori 30px, bold, # (tai #f5f5f5), SUURAAKKOSET 18px, light, # Kuvateksti 14px, regular, # MOBIILI Jukka Rosendal, Neurologian professori 24px, bold, # (tai #f5f5f5), SUURAAKKOSET 16px, light, # Kuvateksti 14px, regular, #444444
19 36 Omahoitopolut Omahoitopolut 37 TIETOA TAUDEISTA JA RISKITEKIJÖISTÄ TIETOA TAUDEISTA JA RISKITEKIJÖISTÄ TIETOA TAUDEISTA JA RISKITEKIJÖISTÄ Otsikko KANSANTAUDIT RISKITEKIJÄT ELINTAVAT KANSANTAUDIT RISKITEKIJÄT ELINTAVAT KANSANTAUDIT SISÄLTÖMODUULI 7 Lista-nimike TÄYSVERSIO Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Sepelvaltimotauti, sydämen vajaatoiminta ja aivoverenkiertohäiriö Aivohalvaus 30px, bold, # (tai #f5f5f5), SUURAAKKOSET Otsikko 20px, regular, #444444, SUURAAKKOSET Lista-nimike 18px, regular, #0476BC Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem. Suuri veren kolestero limäärä Ylipaino Kohonnut verenpaine Saspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi. Ravitsemus Liikunta Tupakointi Stressi TABLETTI Nemo enim ipsam Nemo enim ipsam voluptatem quia voluptatem quia voluptas sit aspernatur voluptas sit aspernatur aut odit aut fugit, sed aut odit aut fugit, sed quia consequuntur quia consequuntur magni dolores eos qui magni dolores eos qui ratione voluptatem ratione voluptatem. sequi nesciunt. Suuri veren koleste Sepelvaltimotauti, rolimäärä sydämen vajaatoi Ylipaino minta ja aivoveren Kohonnut verenpaine kiertohäiriö... 30px, bold, # (tai #f5f5f5), SUURAAKKOSET Otsikko 20px, regular, #444444, SUURAAKKOSET Lista-nimike 18px, regular, #0476BC Saspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi. Ravitsemus Liikunta Tupakointi Stressi MOBIILI Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Sepelvaltimotauti, sydämen vajaatoiminta ja aivoverenkiertohäiriö Aivohalvaus Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut... Otsikko Lista-nimike RISKITEKIJÄT 24px, bold, # (tai #f5f5f5), SUURAAKKOSET 18px, regular, #444444, SUURAAKKOSET 16px, regular, #0476BC
20 38 Omahoitopolut Omahoitopolut 39 KOHTAAMISIA KOHTAAMISIA KOHTAAMISIA Otsikko Tämä yhteistesti yhdistää kolme erillistä riskitestiä, jotka perustuvat laajoihin Terveyden ja hyvinvoinnin laitoksen tutkimusaineistoihin. Tämä yhteistesti yhdistää kolme erillistä riskitestiä, jotka perustuvat laajoihin Terveyden ja hyvinvoinnin laitoksen tutkimusaineistoihin. Tämä yhteistesti yhdistää kolme erillistä riskitestiä, jotka perustuvat laajoihin Terveyden ja hyvinvoinnin laitoksen tutkimusaineistoihin. TYPE 1 DIABETES SISÄLTÖMODUULI 8 TÄYSVERSIO Otsikko TYPE 1 DIABETES Lorem ipsum dolor sit amet, consetur adipisicing elit, sed... 30px, bold, # (tai #f5f5f5), SUURAAKKOSET 20px, regular, #444444, SUURAAKKOSET 18px, light, # TYPE 2 DIABETES Lorem ipsum dolor sit amet, consetur adipisicing elit, sed... TABLETTI Otsikko TYPE 1 DIABETES Lorem ipsum dolor sit amet, consetur adipisicing elit, sed... 30px, bold, # (tai #f5f5f5), SUURAAKKOSET 20px, regular, #444444, SUURAAKKOSET 18px, light, # TYPE 2 DIABETES Lorem ipsum dolor sit amet, consetur adipisicing elit, sed... MOBIILI Lorem ipsum dolor sit amet, consetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua Ut enim ad mipnim veniam. Otsikko 24px, bold, # (tai #f5f5f5), SUURAAKKOSET 18px, regular, #444444, SUURAAKKOSET 16px, light, #444444
21 40 Omahoitopolut Omahoitopolut 41
22 42 Omahoitopolut Omahoitopolut 43
23 44 Omahoitopolut Omahoitopolut 45 IKONIT JA GRAFIIKKA LASTEN TERVEEN KASVUN Omahoitopolkujen ikonit on valikoitu erityisesti tätä sivustoa varten. Kaikkien ikonien tulisi olla yhtenäisen kokoisia käyttötarkoituksen mukaan. Ikoneissa käytetyt värit ovat valkoinen, tummanharmaa, vaaleanharmaa sekä teeman mukainen pääväri. PÄIHTEET JA MIELENTERVEYS SYDÄN- JA VERISUONITAUDIT, DIABETES JA MUISTISAIRAUDET IKÄIHMISTEN TOIMINTAKYKY
24 46 Omahoitopolut Omahoitopolut 47 KAAVIOTYYLIT Kaaviotyyleissä käytetään teemojen päävärejä sekä harmaan sävyjä. väri on valkoinen (tummalla taustalla) tai musta (vaalealla taustalla). Kaaviotyylit on suunniteltu useille eri laitealustoille. Sivustolla käytetään kolmea eri kaaviotyyppiä: - Pylväskaavio - Pistekaavio - Piirakkakaavio Pylväskaavio */web/sydan-ja-verisuonitaudit-diabetes-ja-muistisairaudet/testi#/result
25 48 Omahoitopolut Omahoitopolut 49 Pylväskaavio */web/sydan-ja-verisuonitaudit-diabetes-ja-muistisairaudet/testi#/result
26 50 Omahoitopolut Omahoitopolut 51 Pistekaavio */web/ikaihmisten-toimintakyky/testi#/result
27 52 Omahoitopolut Omahoitopolut 53 Pistekaavio */web/ikaihmisten-toimintakyky/testi#/result
28 54 Omahoitopolut Omahoitopolut 55 UNI LIIKKUMINEN ARJEN RYTMI RUOKAILU Piirakkakaavio */web/lasten-terve-kasvu/testi#/result
29 56 Omahoitopolut Omahoitopolut 57 Piirakkakaavio Piirakkakaavio */web/lasten-terve-kasvu/testi#/result
30 58 Omahoitopolut Omahoitopolut 59 TAULUKOT Taulukoiden ympärillä käytetään reilusta vapaata tilaa ja taulukoiden soluissa on ilmavat marginaalit. Reilu tilankäyttö lisää taulukoiden luettavuutta ja helppokäyttöisyyttä. Taulukoissa käytetään teemojen pääväriä sekä harmaan sävyjä. Taulukoiden tekstiväri on valkoinen (tummalla taustalla) tai musta (vaalealla taustalla). *Mobiilinäkymässä taulukot esitetään oheisen kuvan osoittamalla tavalla. Taulukot Täysvesio ja tabletti */web/ikaihmisten-toimintakyky/testi#/result
31 60 Omahoitopolut Omahoitopolut 61 Taulukot (accordion) Mobiili Taulukot (accordion) Mobiili */web/ikaihmisten-toimintakyky/testi#/result
32 62 Omahoitopolut Omahoitopolut 63 LOMAKKEET Määritykset Valintanappi Valintaruutu Ei valittu Ei valittu Omahoitopolkujen lomaketyyli on suunniteltu selkäksi, käytettäväksi, esteettömäksi ja myös vanhoille ihmisille sopivaksi (suuri kirjasinkoko). Leijunta Aktiivinen Leijunta Aktiivinen Valittu Valittu
33 64 Omahoitopolut Omahoitopolut 65 Edistymispalkki Ohjeet Valintanappi Virheilmoitus Valintaruutu kenttä Vierityspalkki
34 66 Omahoitopolut Omahoitopolut 67 PAINIKKEET NORMAALI HOVER KLIKATTU / AKTIIVINEN Omahoitopolkujen painikkeet kuvaavat selkästi toiminnallisuutta, joka seuraa käyttäjän klikatessa tai koskettaessa painiketta. Painike sisältää tekstiä tai tekstin ja symbolin yhdistelmän. Painikkeet on suunniteltu ympäröivän teeman mukaisiksi ja ne käyttävät teeman pääväriä sekä harmaan sävyjä. Painikkeiden teksti on valkoinen (tummalla taustalla) tai musta (vaalealla taustalla).
35 68 Omahoitopolut Omahoitopolut 69 FACEBOOK SIVU Facebook-sivu on Omahoitopolkujen julkinen profiili. Profiili on suunnattu yrityksille ja se sisältää hyödyllistä tietoa palvelusta. Sivulla käytetään Omahoitopolkujen pääikoneita ja ikoneiden taustalla teemojen päävärejä. Omahoitopolkujen pääkuvaa käytetään myös Facebook-profiilin pääkuvana Pääkuva Pääikonit
36 70 Omahoitopolut Omahoitopolut 71 VALOKUVAT Omahoitopolkujen kuvien pitäisi aina kertoa tarina. Kuvien tulisi tarjota rohkaiseva, jakava ja positiivinen tunnelma käyttäjälle. Värimaailman pitäisi olla rauhallinen, yksinkertainen ja graafisen ohjeiston mukainen.
37 72 Omahoitopolut Omahoitopolut 73
38 74 Omahoitopolut Omahoitopolut 75
39 76 Omahoitopolut Omahoitopolut 77 PAINOPAIKKA Grano Voimatie Joensuu +358 (0) KANNET Book board OHJELMISTO Creative Cloud VERKKOSIVU Omahoitopolut.fi 2015 Kaikki oikeudet pidätetään. Tämän julkaisun sisältöjen uudelleenkäyttö ilman THL-Omahoitopolut.fi lupaa on kielletty. Graafinen ohjeisto päivitetty / Arcusys Oy
40
YRITYSTUNNUS TEKSTILOGO SYMBOLI
YRITYSTUNNUS Yritystunnus koostuu tekstilogosta ja symboliosasta, joiden kokosuhteen toisiinsa tulee pysyä muuttumattomana. Tekstilogo on 100% musta. Symboliosa on oranssi-harmaa-liukuvärinen ja pallomainen,
LisätiedotTurun yliopiston ylioppilaskunnan graafinen ohjeisto 2008 Suunnittelu: Aura Vuorenrinne Hyväksytty hallituksen kokouksessa 29.2.2008.
GRAAFINEN OHJEISTO Turun yliopiston ylioppilaskunnan graafinen ohjeisto 2008 Suunnittelu: Aura Vuorenrinne Hyväksytty hallituksen kokouksessa 29.2.2008. SISÄLLYS 1. TYYN TUNNUS...2 1.1. TUNNUKSEN KÄYTTÖ...3
LisätiedotKainuun liitto. Graafiset elementit ja ohjeet
Kainuun liitto Graafiset elementit ja ohjeet Logot Kainuun liiton logo esitetään ylläolevalla tavalla. Logoa ei esitetä missään muussa muodossa tai väreissä, lukuunottamatta mustavalkoisia esityksiä,
LisätiedotKainuun sote. Graafiset elementit ja ohjeet
Kainuun sote Graafiset elementit ja ohjeet Logot Kainuun sosiaali- ja terveydenhuollon kuntayhtymän logo esitetään ylläolevalla tavalla. Logia ei esitetä missään muussa muodossa tai väreissä, lukuunottamatta
LisätiedotVALMIS SUORA KUSTANNUSTEHOKASTA MAINONTAA
VALMIS SUORA KUSTANNUSTEHOKASTA MAINONTAA VALMISSUORA HELPPOA JA TEHOKASTA Kohderyhmäsi kotiosoitteeseen jaettu esite tai lehti on tehokas tapa toteuttaa viestintää ja mainontaa. Voit esittää asian juuri
LisätiedotGraafinen ohjeisto SISÄLLYS. 1. Värit
Graafinen ohjeisto Graafinen ohjeisto SISÄLLYS 1. Värit 2. Tunnus 2.1 Tunnuksen elementit 2.2 Tunnuksen mittasuhteet ja suoja-alue 2.3 Tunnuksen käyttö 2.4. Logon käyttö 2.5. Reipas -kuvaelementin käyttö
LisätiedotTieteellisten seurain valtuuskunta GRAAFINEN OHJEISTUS. Tieteellisten seurain valtuuskunta versio 1.2 / Tieteen puolesta.
GRAAFINEN OHJEISTUS versio 1.2 / 06.2019 Tieteen puolesta. 2 JOHDANTO JA SISÄLLYSLUETTELO Tämä graafinen ohjeisto sisältää valtuuskunnan (myöhemmin TSV ) visuaalisen identiteetin ydinelementtien, kuten
LisätiedotMediatiedotteen laatiminen Meri Rova, Viestintäasiantuntija, Oulun yliopisto. Oulun yliopisto
Mediatiedotteen laatiminen Meri Rova, Viestintäasiantuntija, lähettää medialle tiedotteen jokaisesta väitöstilaisuudesta ja valmistuvasta väitöskirjasta. Tiedotetta varten jokaisen väittelijän tulee täyttää
LisätiedotGraafinen ohjeisto.
Graafinen ohjeisto www.finfami.fi Sisällys Graafinen ohjeisto FinFami Sisällys 1 Tunnus 3 1.1 Tunnuksen esittely 3 1.2 Tunnuksen minimikoko 4 1.3 Tunnuksen suoja-alue 4 1.4 Alatunnukset 1.5 Tunnuksen eri
LisätiedotGraafinen ohjeisto HUHTIKUU 2016
Graafinen ohjeisto HUHTIKUU 2016 Johdanto Graafisen ohjeiston tarkoituksena on esitellä LähiTapiolan brändiin olennaisesti kuuluvia elementtejä ja ohjeistaa niiden oikeaoppiseen käyttöön. Lisätietoa logoista,
LisätiedotTURUN YLIOPISTO 3/2014 ANNALES UNIVERSITATIS TURKUENSIS VÄITÖSKIRJAKANSIEN GRAAFINEN OHJE
TURUN YLIOPISTO 3/2014 ANNALES UNIVERSITATIS TURKUENSIS VÄITÖSKIRJAKANSIEN GRAAFINEN OHJE ANNALES UNIVERSITATIS TURKUENSIS VÄITÖSKIRJASARJAN KANNET Turun yliopiston julkaisuja Annales Universitatis Turkuensis
LisätiedotSuunnittele lähetys sujuvaksi. Opas konekäsiteltävien lähetysten suunnitteluun
Suunnittele lähetys sujuvaksi Opas konekäsiteltävien lähetysten suunnitteluun Hyvin suunniteltu on puoliksi lähetetty Kun suunnittelet lähetystä, esimerkiksi kuoren ulkoasua, ota huomioon Postin koneellisen
LisätiedotTURUN YLIOPISTO 2/2016 ANNALES UNIVERSITATIS TURKUENSIS VÄITÖSKIRJAKANSIEN GRAAFINEN OHJE
TURUN YLIOPISTO 2/2016 ANNALES UNIVERSITATIS TURKUENSIS VÄITÖSKIRJAKANSIEN GRAAFINEN OHJE ANNALES UNIVERSITATIS TURKUENSIS VÄITÖSKIRJASARJAN KANNET Turun yliopiston julkaisuja Annales Universitatis Turkuensis
LisätiedotPalvelun rakenne sekä sivumääritykset on työstetty toteutusprojektissa yhdessä Asiakkaan kanssa.
500m - Palvelun kuvaus - vaihe Thu Feb 6 06 Palvelun kuvaus.. Käyttötarkoitus. Käyttörajoitukset Palvelun rakenne sekä sivumääritykset on työstetty toteutusprojektissa yhdessä Asiakkaan kanssa. Tarjottavan
LisätiedotBrändi-identiteetin tyyliopas 2015
Brändi-identiteetin tyyliopas 2015 FI Kuva: David Lliff EPP-ryhmä Euroopan parlamentissa 60 Rue Wiertz 1047 Bryssel, Belgia Päätoimittaja Sisällys Johdanto... 2 Graafinen yhdenmukaisuus... 2 Yhtenäinen
LisätiedotImatran kaupunki. Graafinen ohjeisto
Imatran kaupunki Graafinen ohjeisto 12.11.2010 Graafinen ohjeisto Logo ja värit 3 Logo 3 Logon turva-alue 5 Värit 6 Typografia 7 Lomakkeet 8 Raporttien kansilehti 13 Rollup 14 Ilmoitukset 16 Juliste 20
LisätiedotRiskPointer transaction decision framework. Pekka Honkonen CEO
RiskPointer transaction decision framework Pekka Honkonen CEO September 27, 2013 RiskPointer 2012 Tausta RiskPointer on yhtiö, joka perustettiin Nokialla kehitetyn teknologian pohjalta Perustuu OVI ja
LisätiedotPidetään Stadista huolta.
Graafinen ohje 2009 Helsingin kaupungin rakentamispalvelu SISÄLLYS Johdanto...3 Uusi logo... 4 Logo sloganilla... 5 Logo virallisella nimellä... 6 Logot värillisellä taustalla...7 Logojen käyttö... 8 Stadin
LisätiedotTIETEENTEKIJÖIDEN LIITTO FORSKARFÖRBUNDET The Finnish Union of University Researchers and Teachers. Graafinen ohjeisto
Graafinen ohjeisto GRAAFINEN OHJEISTO TIETEENTEKIJÖIDEN LIITON LOGO Tieteentekijöiden liiton kaksivärinen logo koostuu symbolista ja kolmikielisestä tekstiosasta. Pelkkä logon symboliosan käyttö on mahdollista
LisätiedotANNALES UNIVERSITATIS TURKUENSIS
ANNALES UNIVERSITATIS TURKUENSIS väitöskirjakansien graafinen ohje TURUN YLIOPISTO 10/2018 ANNALES UNIVERSITATIS TURKUENSIS VÄITÖSKIRJASARJAN KANNET Turun yliopiston julkaisuja Annales Universitatis Turkuensis
Lisätiedotgraafinen ohjeisto 2012
graafinen ohjeisto 2012 sisällys 1. Tone of voice...............................................3-4 2. Tunnus ja sen käyttö...................................... 5-12 3. Värit.....................................................
LisätiedotPOHJOIS-KARJALAN AMMATTIKORKEAKOULUN GRAAFINEN OHJEISTO
N 1 SISÄLLYSLUETTELO 1 OHJEISTUS KÄYTTÄJÄLLE 5 1.1 Ohjeisto tutuksi 1.2 Yhtenäinen ilme 1.3 Ohjeiston kehittyminen 1.4 Ohjeiston käyttö 2 ORGANISAATION TUNNUS, IDEOLOGIA, PERUSELEMENTIT JA MÄÄRITTELY 6
LisätiedotFYSIIKAN JA MATEMATIIKAN AINEENOPETTAJALINJAN OPINNÄYTTEIDEN KIRJOITUSOHJE
FYSIIKAN JA MATEMATIIKAN AINEENOPETTAJALINJAN OPINNÄYTTEIDEN KIRJOITUSOHJE Etunimi Sukunimi Pro gradu -tutkielma/kandidaatintutkielma Lokakuu 2014 Fysiikan ja matematiikan laitos Itä-Suomen yliopisto i
LisätiedotVaasan Leipäkaupan konseptiuudistus
Vaasan Leipäkaupan konseptiuudistus 1. Näkemys Entisaikaan oli suomalaisessa ruokapöydässä aina tuoretta, kotona leivottua leipää. Sitten Suomi teollistui, vaurastui ja ruokapöydät täyttyivät mitä ihanimmista
LisätiedotJohdanto. Asianajajaliitto Graafinen ohje s.2
Graafinen ohjeisto Johdanto Graafinen ohjeisto antaa yleislinjauksia joita sovelletaan erilaisissa käyttökohteissa. Ohjeistoon pohjautuva graafinen suunnittelu takaa yhdenmukaisen visuaalisen ilmeen Asianajajaliiton
LisätiedotJätevesilietteiden kiertotaloustyöpaja. Turku, Vierailukeskus Joki
Jätevesilietteiden kiertotaloustyöpaja Turku, Vierailukeskus Joki 1.11.2018 Työpajan teemana Työpajassa esitettiin kolme haastetta, jotka tarjosivat Gasum, Lounais- Suomen Jätehuolto ja Valonia. Ryhmien
LisätiedotVÄYLÄVIRASTO GRAAFINEN OHJEISTO 10/2018
VÄYLÄVIRASTO GRAAFINEN OHJEISTO 10/2018 YKSINKERTAINEN ON KAUNISTA Väyläviraston liikemerkki koostuu sanasta VÄYLÄ ja sinisen sävyisestä tunnuksesta. Tunnuksessa on V-kirjain, jonka negatiivisesta tilasta
LisätiedotAutot. Auto väittämien ryhmittely. Statushakuiset autoharrastajat 33 % Ekohenkiset 27 % Merkkiuskolliset 27 % Välinpitämättömät 13 %
Autot Autot Auto väittämien ryhmittely Autoon liittyvien väittämien ryhmittely on Aikakausmedian omien kysymyksistä tehdyn ryhmittelyanalyysin tulos. Siinä etsittiin mahdollisimman homogeenisia, toisista
LisätiedotVÄYLÄVIRASTO GRAAFINEN OHJEISTO 12/2018
VÄYLÄVIRASTO GRAAFINEN OHJEISTO 12/2018 YKSINKERTAINEN ON KAUNISTA Väylän liikemerkki koostuu sanasta VÄYLÄ ja sinisen sävyisestä tunnuksesta. Tunnuksessa on V-kirjain, jonka negatiivisesta tilasta muodostuu
LisätiedotVärit. Punainen Pantone: 179 CMYK: 0C 90M 80Y 0K RGB: 199R 55G 53B Hex: #C73735
Graafinen ohjeisto Tunnus Pinskujen tunnusta voidaan käyttää värillisenä tai mustavalkoisena. Tunnusta suositellaan käytettäväksi vaalealla tai Pinskujen keltaisella pohjalla. Mustavalkoista tunnusta voi
LisätiedotYHDESSÄ OLEMME VAHVA. Graafinen ohjeisto
YHDESSÄ OLEMME VAHVA. Graafinen ohjeisto SISÄLLYS 1 GRAAFINEN OHJEISTO Pääviesti 3 Pääviestin käyttö 4 Viestityyli 6 Tunnukset 7 Kyamk 8 Mamk 10 Xamk 12 Tunnusten käyttö 14 Värimaailma 17 Typografia 19
LisätiedotGRAAFINEN OHJEISTUS 2017
GRAAFINEN OHJEISTUS 2017 Logo vaaka Logo pysty Logo slogan Logo Varten logoa käytetään ensisijaisesti värillisenä, mutta sen käyttäminen yksivärisenä on suositeltavaa, jos se näin sopii käyttökohteeseen
LisätiedotGraafinen ohjeisto. Mainostoimisto Bock's Office Oy VAASANSEUDUN KEHITYS OY VASAREGIONENS UTVECKLING AB VAASA REGION DEVELOPMENT COMPANY
Graafinen ohjeisto Mainostoimisto Bock's Office Oy Johdanto Vaasanseudun Kehitys Oy VASEK elää ajan hengessä on avoin ja helposti lähestyttävä, mutta kuitenkin ryhdikäs, määrätietoinen ja terävä koko seudun
Lisätiedotweela.net graafinen ohjeisto
weela.net graafinen ohjeisto Sisällys Weela.net SISÄLLYS: Logo sivu Värimääritykset... 2 Suoja-alueet... 3 Typografia... 4 Materiaali malleja Posteri, pöytäständi A ja B... 5 Julistepohja, käyntikorttimalli
LisätiedotGRAAFINEN MANUAALI.
www.liberaalipuolue.fi/media LOGO Puolueen logo koostuu kolmesta eri elementistä ja niiden asettelusta. Oikein -merkki, Liberaalipuolue -teksti ja vapaus valita -teksti. Logoa pitää käyttää täysin sille
LisätiedotKanta-palvelut. Graafinen ohjeisto
-palvelut Graafinen ohjeisto 2 Mikä on Kanta-palvelut? Kanta-palvelut muodostavat ainutlaatuisen sosiaali- ja terveydenhuollon digitaalisten palvelujen kokonaisuuden. Kantapalvelujen käyttäjiä ovat kansalaiset,
LisätiedotSisältö. Tunnus 3 Tunnuksen käyttötapoja 4 Värit 5 Typografia - Verkossa 6 Typografia - Printissä 7
Graafinen ohjeisto Sisältö Tunnus 3 Tunnuksen käyttötapoja 4 Värit 5 Typografia - Verkossa 6 Typografia - Printissä 7 2 Tunnus Vaakaversio Kompaktiversio Suojaetäisyydet Logon suoja-alue Grönä Åretin versaali
LisätiedotLIIKE 1. LIIKE. 1. Liukastuminen 2. Oikea työasento 3. Tikkailla työnskentely 4. Alustan aukot ja korkoero
LIIKE 1. LIIKE 1. Liukastuminen 2. Oikea työasento 3. Tikkailla työnskentely 4. Alustan aukot ja korkoero Saatesanat Lorem ipsum dolor sit amet, consectetur adipisci elit, sed eiusmod tempor incidunt ut
LisätiedotTHL - Kansalaispalvelujen graafiset tunnisteet. Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys
THL - Kansalaispalvelujen graafiset tunnisteet Lasse Tammilehto Creative Director, Solita & Jarmo Valmari Head of Design, Arcusys Palveluvaaka.fi & Omahoitopolut.fi Teemavärit Kansalaispalveluiden ilmeeseen
Lisätiedottampereen ilves graafinen ohjeisto
tampereen ilves graafinen ohjeisto 1 konsepti Tampereen Ilveksen ilves-tunnus on kohderyhmissä hyvin tunnistettu. Tunnukseen on lisätty slogan -taitokiekkoa vuodesta 1931-. Tällä halutaan kuvata joukkueen
LisätiedotTunnus. Tiedosto: 4ctunnus.eps
Tunnus Yleiset ohjeet Tunnus esiintyy aina tekstillisenä. Tunnuksen värit ovat identtiset EU-lipun värien kanssa. Värit: Pantone Reflex Blue ja Pantone Process Yellow ja neliväripainatuksessa seuraavasti:
LisätiedotGraafinen ohjeistus. 3. versio / 2019
Graafinen ohjeistus 3. versio / 2019 Alkusanat Helmet-logo on pääkaupunkiseudun Helmet-kirjastojen logo. Helmet-kirjasto on Espoon, Helsingin, Kauniaisten ja Vantaan kaupunginkirjastojen kirjastoverkko.
LisätiedotHANHIKIVI 1 GRAAFINEN OHJEISTO
GRAAFINEN OHJEISTO SISÄLLYS Logo 4 Suoja-alue 5 Väriversiot 6 Hierarkia 7 Värit 8 Osavärit ja suhteet 9 Typografia 10 Sähköinen esitys 11 LOGO Hanhikivi 1 -logossa on kaksi elementtiä: tunnus sekä logoteksti,
LisätiedotUNISON COFFEE - GRAAFINEN OHJEISTUS
UNISON COFFEE - GRAAFINEN OHJEISTUS VÄRIT CMYK / RGB... 1 TYPOGRAFIA Kirjasimet... 2 LOGO Logo... 3 NIMi Nimen käyttö... 4 MUUTA Huomioitavaa... 5 Me Unison Coffeella tarjoamme sinulle huippulaadukasta,
LisätiedotKeravan kaupunki. :: graafinen ohjeisto
Keravan kaupunki :: graafinen ohjeisto Esipuhe 1 Graafinen ohjeisto on yhtenäisen viestinnän perustyökalu 1. Tunnus 2 1.1 Tunnus vaaka 3 1.2 Tunnus pysty 4 1.3 Tunnuksen käyttö pienenä 4 1.4 Tunnuksen
LisätiedotLue tämä Kauniaisten kaupunki -tunnusoriginaalien käytöstä
Lue tämä Kauniaisten kaupunki -tunnusoriginaalien käytöstä 1. 2. 2. Kauniaisten kaupungin tunnus Kauniaisten kaupunki -tunnuskokonaisuus muodostuu seuraavista osista: 1. Pelkästä Kauniaisten vaakunasta,
LisätiedotVuosi 2019 on myös Lakimiesliiton 75. juhlavuosi, jonka osana kampanja toteutetaan.
Graafinen ohjeisto Oikeus kuuluu kaikille -kampanjalla herätetään keskustelua siitä, milloin oikeus ei ole toteutunut saavutettavuudesta johtuen. Kohderyhmän halutaan jakavan tarinansa siitä, milloin oikeus
LisätiedotLorem ipsum dolor sit amet, consectetur adipiscing elit
Kirjaudu sisään / Rekisteröidy TUOTTEET Y R ITY S OTA YHT EYT TÄ Lorem ipsum dolor sit amet, consectetur adipiscing elit Nulla facilisi. Aenean ac LO R E M I P S U M Etsi tuotetta... MYYMÄL Ä K A L U ST
LisätiedotElektroniikka s.56-61 Urheiluvälineet s.64-67 Top 5 s.68-69 Autohinnasto s.70-71
Ajankohtaista s.6-9 Auto ja persoona s.12- Pääkirjoitus s.16- Autot Geneves s.-23 Autot s.24-33 Autot s.8- Veneet s.36-43 Moottoripyörät s.48-53 Elektroniikka s.56-61 Urheiluvälineet s.64-67 Top 5 s.68-69
LisätiedotGraafiset elementit
Graafiset elementit 21.9.2018 1. Tunnus Tunnus 1.2. Tunnuksen suoja-alue Tunnukselle on määritelty suoja-alue jonka sisälle ei saa sijoittaa muita graafisia elementtejä tai tekstiä. x x Suoja-alue määrittää
LisätiedotVÄYLÄVIRASTO GRAAFINEN OHJEISTO 4/2019
VÄYLÄVIRASTO GRAAFINEN OHJEISTO 4/2019 YKSINKERTAINEN ON KAUNISTA Väylän liikemerkki koostuu sanasta VÄYLÄ ja sinisen sävyisestä tunnuksesta. Tunnuksessa on V-kirjain, jonka negatiivisesta tilasta muodostuu
LisätiedotSeuratunnus - Käyttötavat
GRAAFINEN OHJEISTUS Graafinen ohjeistus Graafisen ohjeistuksen tarkoituksena on antaa suuntaviivat uuden Hunters Juniors -ilmeen käyttöön eri julkaisumuodoissa ja alustoissa. Yhtenäinen ilme antaa yhdistyksestä
Lisätiedot9=1 GRAAFINEN OHJEISTO
9=1 GRAAFINEN OHJEISTO TUNNUKSEN SUOJA-ALUE Tunnuksen käyttö eri materiaaleissa edellyttää suoja-aluetta sen ympärillä. Tämän alueen sisäpuolelle ei tulisi tekstiä*. Suoja-alueen koon määrittelystä voidaan
LisätiedotMe olemme Tyks Graafinen ohjeisto
Versio 1/2019 Me olemme Tyks Graafinen ohjeisto Sisällysluettelo Tunnuslause 3 Logo 7 Toimipaikat ja toimialat 12 Värit ja värien käyttö 17 Symboli 20 Typografia 23 Yhteystiedot 25 Versio 1/2019 3 tunnuslause
LisätiedotSUOMEN JOUSIAMPUJAIN LIITTO RY Graafinen ohjeisto Versio 1, Huhtikuu 2017
GRAAFINEN OHJEISTO Versio 1, Huhtikuu 2017 2 Sisällys: Logo, värit ja typografia Logo... 4 Logon käyttö... 5 Värimaailma... 8 Typografia... 9 3 LOGO & LIIKEMERKKI Suomen Jouosiampujain liiton logo koostuu
LisätiedotAP KIINTEISTÖPALVELUT
AP KIINTEISTÖPALVELUT GRAAFINEN OHJEISTO PJG 21052012 AP KIINTEISTÖPALVELUT GRAAFINEN OHJEISTO Logo 4-6 Värimääritykset 7 Typografia 8-9 Yritysgrafiikka - Käyntikortti 10 - Kirjekuoret 11 - Lomakkeet 12-13
LisätiedotGraafinen ohjeisto. Sähköiset sovellukset Perusmateriaalit Typografia Värit. Tunnus Avainsanat
Graafinen ohjeisto Aluehallintoviraston uudistuksen johtoajatuksiksi valittiin eri osa-alueiden yhdistyminen, sujuvuus ja läpinäkyvyys. Olemme pyrkineet tunnuksen ja visuaalisen ilmeen luomisessa ajattomuuteen,
LisätiedotPK-PRO. Graafinen ohjeisto. Tunnukset voit ladata: www.pk-pro.fi/media 01.01.2014
Graafinen ohjeisto 01.01.2014 Tunnukset voit ladata: www.pk-pro.fi/media Ohjeiston esittely Suunnittelu-, konsultointi-, valvonta- ja projektinjohtopalvelumme kattaa teollisuuden, liike-elämän, kunnan,
LisätiedotVisuaalinen identiteetti. Graafinen ohjeistus
Visuaalinen identiteetti Graafinen ohjeistus MEDRIAN OY SISÄLTÖ 01 VÄRIT 04 02 03 3... CMYK ja RGB 4... HELPien värit TYPOGRAFIA 5... Ensisijainen fontti 6... Toissijainen fontti 7... WWW-sivut LOGO 8...
LisätiedotSISÄLTÖ. Johdanto. Logo. Merkki. Värit. Typografia. Käyntikortti. Kirjekuoret. Kirjelomake. Presentaatio. Ilmoitukset
Graafinen ohjeisto 2 SISÄLTÖ 3 Johdanto 4 Logo 5 Merkki 6 Värit 7 Typografia 8 Käyntikortti 9 Kirjekuoret 12 Kirjelomake 13 Presentaatio 14 Ilmoitukset 3 JOHDANTO Tämän ohjeiston tarkoitus on opastaa logon
LisätiedotGRAAFINEN OHJEISTO versio 1.0
03.11.2017 GRAAFINEN OHJEISTO versio 1.0 SISÄLLYS Graafisen ohjeiston tarkoitus on nimensä mukaisesti ohjeistaa, selkeyttää ja yhdenmukaistaa Vierailu- ja innovaatiokeskus Joen yhteydessä tapahtuvaa viestintää.
LisätiedotPalvelutaloyhdistyksen Graafinen ohjeisto
Palvelutaloyhdistyksen 17.7.2012 www.koskenrinne.fi/media Ohjeiston esittely Palvelutaloyhdistys Koskenrinne ry on perustettu vuonna 1945 ja se on alueen vanhin vanhusten palveluita tuottava yhdistys.
LisätiedotSUOMEN VOIMISTELULIITTO GRAAFINEN OHJEISTO
SUOMEN VOIMISTELULIITTO GRAAFINEN OHJEISTO SISÄLLYSLUETTELO Tunnus 4 Tunnuksen kieliversiot 5 Tunnuksen käyttö 6 Tunnuksen suoja-alue 8 Tunnuksen Kielletty käyttö 9 Tunnuksen värit 10 Avustava väripaletti
LisätiedotTEKIN VISUAALINEN OHJEISTUS
TEKIN VISUAALINEN OHJEISTUS VISUAALINEN OHJEISTUS Visuaalinen ilme on osa TEKin brändiä. Visuaalinen ilme symboloi organisaatiota, vahvistaa tavoiteltuja mielikuvia, lisää näkyvyyttä ja erottuvuutta. Ulkoisille
LisätiedotGraafinen. ohjeisto. Laureamkon Brändikirja Graafinen ohjeisto
Graafinen ohjeisto 1 Graafinen ohjeisto Liitteenä Laurea-ammattikorkeakoulun ammattikorkeakoulun opiskelijakunnan ohjeiston mukaiset mallit, joiden pohjalta visuaalista ilmettä toteutetaan. Sisällys 2
LisätiedotRakennamme huomisen menestyvää Suomea. Sitran graafinen ohjeisto
Rakennamme huomisen menestyvää Suomea Sitran graafinen ohjeisto Suomen itsenäisyyden juhlarahasto Itämerentori 2, PL 160, 00181 Helsinki Puhelin (09) 618 991, faksi (09) 645 072 sitra@sitra.fi, www.sitra.fi
LisätiedotSuomen Yrittäjät Graafinen ohjeisto
Suomen Yrittäjät Graafinen ohjeisto Sisältö 1 Yhtenäisyys 1.1 Järjestötunnus 1.2 Järjestötunnuksen suoja-alue 1.3 Brändihierarkia 1.4 Tunnuksen väriversiot 1.5 Tapa puhua 2 Värimaailma 2.1 Värit 3 Typografia
LisätiedotHollolan 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
LisätiedotKirkkonummen kunta. Graafinen ohjeisto 2012
Kirkkonummen kunta Graafinen ohjeisto 2012 Graafisen ohjeiston tarkoitus 2 Vahva kunta on nähtävä merkittävänä kilpailuetuna. Yritys- ja julkisuuskuvan tärkeä osa on yrityksen tai organisaation visuaalinen
LisätiedotGRAAFINEN OHJEISTO. Mainostoimisto Bock s Office Oy, syyskuu 2012
GRAAFINEN OHJEISTO Mainostoimisto Bock s Office Oy, syyskuu 2012 Kuntatunnus ja värimääritykset CMYK liukuvärinen CMYK liukuvärinen heittovarjolla Säteittäinen liuku CMYK C100 M0 Y100 K70 C40 M0 Y100 K0
LisätiedotGRAAFINEN OHJEISTO KEVYT
päivitetty 25.6.2015 MESSUJEN GRAAFINEN OHJEISTO KEVYT YLEISET 21 SARKA-MESSUT 4 Messutunnukset 7 Liikemerkki / synty 8 Liikemerkki / ryhmässä 9 Liikemerkki / kuosipinta 1 10 Liikemerkki / kuosipinta 2
LisätiedotEmma & Elias on RAY:n avustusohjelma lasten ja perheiden hyväksi. Ohjelma toteutetaan yhteistyössä Lastensuojelun Keskusliiton kanssa.
GRAAFINEN OHJEISTO Emma & Elias on RAY:n avustusohjelma lasten ja perheiden hyväksi. Ohjelma toteutetaan yhteistyössä Lastensuojelun Keskusliiton kanssa. 2 TUNNUS RAY:N KÄYTTÖÖN JÄRJESTÖJEN JA RAY:N KÄYTTÖÖN
LisätiedotPaikallisen nuorisoseuran. graafinen ohjeisto. Mikä on graafinen ohjeisto ja sisällys
Paikallisen nuorisoseuran graafinen ohjeisto Mikä on graafinen ohjeisto ja sisällys Graafinen ohjeisto tukee Suomen Nuorisoseurojen visuaalista ilmettä sekä auttaa ilmeen yhdenmukaisuuden säilyttämisessä.
LisätiedotLapin yliopiston ilmoitusmalli ja ohjeistus.
Lapin yliopiston ilmoitusmalli ja ohjeistus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sollicitudin lorem non dui tempor nec rhoncus risus imperdiet. Cum sociis natoque penatibus
LisätiedotTieteellisen tekstin tuottaminen LATEXilla
Tieteellisen tekstin tuottaminen LATEXilla Harjoitus 5, Esitykset Aku Jokinen 14. lokakuuta 2015 Johdanto Tämän harjoituksen aiheena on esitysten luominen beamer-dokumenttiluokkaa käyttäen. Harjoituksen
LisätiedotTiera Pöytäkirja 6/ (7) Testilautakunta Aika , klo 22:49-22:52. Käsitellyt asiat
Tiera Pöytäkirja 6/2016 1 (7) Aika 21.06.2016, klo 22:49-22:52 Paikka A1 Käsitellyt asiat 27 Kokouksen laillisuus ja päätösvaltaisuus 28 Pöytäkirjan tarkastus 29 Viranhaltijoiden päätösten otto-oikeus
LisätiedotHKL:N UUSI ILME. kuin kehittämis- ja investointihankkeissa.
Graafinen ohjeisto HKL:N UUSI ILME HKL ilme uudistui organisaatiomuutoksen yhteydessä vuoden 2016 alussa. Muutoksen taustalla on halu pysyä mukana metro- ja raitioliikenteen voimakkaassa kasvussa ja laajenemisessa
LisätiedotLogo. 2. Toissijainen käyttö. 1. Ensisijainen käyttö. YTN graafinen ohjeisto
Graafinen ohjeisto Logo YTN:n logosta on kaksi versiota. Ensisijaisesti käytetään logon versiota numero 1. Versiota 2 käytetään erityistilanteissa, kuten erittäin pienessä koossa. 1. Ensisijainen käyttö
LisätiedotLiikemerkin suoja-alue
1 Liikemerkki Suomen Fysioterapeutit Ry:n liikemerkki muodostuu tunnusosasta sekä tekstiosasta. Merkki ilmentää positiivisuutta, dynaamisuutta sekä ihmisläheisyyttä viestien myös asiantuntijuutta ja ammattilaisuutta.
LisätiedotGRAAFINEN OHJEISTO 2013
GRAAFINEN OHJEISTO 2013 GRAAFINEN OHJEISTO 1 Johdanto Kainuun ammattiopiston yhtenäinen graafinen ilme vahvistaa kuvaa laadukkaasta ja luotettavasta toiminnasta ja sitä kautta lisää vetovoimaisuutta ja
LisätiedotSuomen Nuorisoseurat. Ohjeistoon tulee tarpeen mukaan lisäyksiä ja päivityksiä. 12.3.2014
Graafinen ohjeisto tukee Suomen Nuorisoseurojen visuaalista ilmettä sekä auttaa ilmeen yhdenmukaisuuden säilyttämisessä. Ohjeisto antaa peruslinjat painotuotteiden toteuttamiseen. Ohjeistoon tulee tarpeen
Lisätiedot1 Graafinen ohjeisto
Graafinen ohjeisto 1 Sisällys Johdanto... 2 Tunnuksen versiot... 3 Tunnuksen suoja-alue... 4 Tunnuksen käyttö... 5 Slogan... 6 Graafiset elementit ja niiden käyttö... 7 Värimaailma... 8 Typografia... 9
LisätiedotSanasto Ry Graafinen ohjeisto 2 / 14. Sisällys
Graafinen ohjeisto Sanasto Ry Graafinen ohjeisto 2 / 14 Sisällys 3 Sanaston ilme 4 Logo 5 Logon käyttö 6 Värit 7 Värien käyttö 8 Typografia 10 Typografian käyttö 11 Graafiset elementit 12 Graafisten elementtien
LisätiedotGRAAFINEN OHJEISTUS versio 1.0
GRAAFINEN OHJEISTUS versio 1.0 THE VOICE The Voice on hyväntuulinen ja positiivinen ystävä jonka elämäntehtävä on viihdyttäminen! The Voicen idea on soittaa uptempoista pop-musiikkia, jota höystetään mielenkiintoisilla
LisätiedotAUTTAJIEN VERKOSTO. Graafinen ohjeisto CMY
AUTTAJIEN VERKOSTO Graafinen ohjeisto CMY 1.1. VISUAALISEN ILMEEN PERUSELEMENTIT Tunnus Vapaaehtoisen pelastuspalvelun tunnus muodostuu sinisellä pohjalla olevasta valkoisesta risti- ja nuolikuviosta sekä
LisätiedotGRAAFINEN OHJEISTO
GRAAFINEN OHJEISTO 5.6.2017 Tone of Voice OMINAISUUDET Palveluhenkinen Luotettava Helposti lähestyttävä KÄYTTÄYTYY Kriittisesti Heittäytyvästi Kunnioittavasti NÄYTTÄÄ Ammattitaitoiselta Pirteältä Houkuttelevalta
LisätiedotPääkirjoitus. tiatotuutti
Mouhijärven sanomat Viimeinen leiripäivä lähestyy. Huomenna jo pakkaamme kimpsumme ja kampsumme ja palaamme harmaaseen arkeen. Koulu- ja työtehtävät odottavat. Aika Kunstenniemen viestintäleirillä loppuu.
LisätiedotGraafinen ohjeisto. Suomen Nuorisoseurojen Liitto ry, Kalevan Nuorten Liitto ry
tukee Suomen Nuorisoseurojen Liitto ry:n ja Kalevan Nuorten Liitto ry:n visuaalista ilmettä sekä auttaa ilmeen yhdenmukaisuuden säilyttämisessä. Ohjeisto antaa peruslinjat painotuotteiden toteuttamiseen.
LisätiedotGRAAFINEN OHJEISTO VIDEOILLE SISÄISEEN KÄYTTÖÖN. Päivitetty
GRAAFINEN OHJEISTO VIDEOILLE SISÄISEEN KÄYTTÖÖN Päivitetty 26.1.2018 SISÄLLYS ELEMENTTIEN KÄYTTÖ VIDEOSSA... 3 TEKIJÄNOIKEUDET... 4 TUNNUS... 5 Ei-toivottu käyttö...6 VÄRIMAAILMA... 7 TYPOGRAFIA... 8 KUVAMAAILMA...
LisätiedotGRAAFINEN OHJEISTO VERSIO 2018/1
GRAAFINEN OHJEISTO VERSIO 2018/1 1 1.2 Sisällysluettelo 1 Tunnus... 3 1.1 Tunnusversiot... 4 Adiciumqui quamusae non pos sanis excea volupti doluptam, as ut aut aut optas et fugia nonsed explitas eos et
LisätiedotArvokas. Graafinen ohjeistus
Graafinen ohjeistus Sinä olet arvokas! -ohjelma rakentaa yhdenvertaisempaa Suomea, jossa jokaisella lähtökohdista ja elämäntilanteesta riippumatta on mahdollisuus kokea olevansa merkityksellinen osa yhteisöä
LisätiedotSOMMITTELU & WWW-LAYOUT WEB-VISUALISOINTI - TTMS0400.6S0V2
SOMMITTELU & WWW-LAYOUT 27.9.2016 Sivuston layoutin suunnittelu on sisältöelementtien välisten suhteiden määrittelyä. Sommittelu on kuvallisten elementtien järjestämistä mielekkääksi kokonaisuudeksi kuvapinnalla.
LisätiedotGraafi nen ohjeisto 1.0 JELPPIS.COM
Graafi nen ohjeisto 1.0 JELPPIS Sisältö Sisältö...2 Logo...3 Logo...4 Värivaihtoehdot...5 Suoja-alueet...6 Kielletty käyttö...7 Värit...8 Päävärit...9 Lisävärit...10 Typografia...11 Typografi a...12 Lomakkeet...13
LisätiedotTUNNUS. HUS ei ole lyhenne, vaan nimi. Merkki viimeistelee HUSin tunnuksen.
GRAAFINEN OHJE TUNNUS Nimi (HUS-sininen) Merkki (HUS-turkoosi) HUS ei ole lyhenne, vaan nimi. Tunnus, johon on yhdistetty Helsingin yliopistollinen sairaala -teksti on tärkeä viestinviejä muutosvaiheessa.
LisätiedotGraafinen ohjeisto. Muuttuva Museo. Mainostoimisto Bock s Office Oy
Graafinen ohjeisto Muuttuva Museo Mainostoimisto Bock s Office Oy Johdanto Muuttuva Museo elää ajan hengessä perinteitä kunnioittaen. Se aktivoi kokemaan ja uskaltaa uudistua. Se haluaa puhutella myös
LisätiedotSisällysluettelo. TunnuS 3 Versiot... 3 Suoja-alue... 4 Käyttö kuvien kanssa... 5 Virheellinen käyttö... 6. VäriT 7 Käytettävät värit...
Graafinen ohjeisto Sisällysluettelo TunnuS 3 Versiot... 3 Suoja-alue... 4 Käyttö kuvien kanssa... 5 Virheellinen käyttö... 6 VäriT 7 Käytettävät värit... 7 Typografia 8 Käytettävät fontit... 8 Kielletyt
Lisätiedotraafinen ohjeisto 2011 TIIVI Brand Book 2011 Sivu 1
raafinen ohjeisto 2011 TIIVI Brand Book 2011 Sivu 1 GRAAFINEN OHJEISTO Visuaalisuus on tärkeä osa yrityksen brändiä. Oikean viestin välittäminen vaatii selkeät pelisäännöt, jotka löydät tästä osiosta.
LisätiedotGRAAFINEN OHJEISTO OLLILA TRANS OY
GRAAFINEN OHJEISTO OLLILA TRANS OY Ohjeiston sisältö Tämän ohjeiston tarkoitus on antaa selkeät suuntaviivat Ollila Trans Oy:n viestinnälle. Annettuja ohjeita noudattamalla yrityksestä annetaan yhtenäinen,
LisätiedotUlkoasiainministeriö. Graafinen ohjeisto 1.6.2007
Ulkoasiainministeriö Graafinen ohjeisto 1.6.2007 Sisällysluettelo Johdanto 1. Tunnus 1.1 Tunnus 1.2 Suoja-alue 1.3 Tunnuksen koko ja osien suhteet 1.4 Tunnuksen esiintyminen ilman palkkia 1.5 Tunnus yhteistyömateriaaleissa
LisätiedotSuomen Tekstiili ja Muoti ry:n uudistuneen ilmeen graafinen ohjeistus on käytännön työkalu kaikille viestinnän kanssa tekemisissä oleville.
Graafinen ohjeisto Miten graafisilla sovelluksilla viestitään ja opastetaan? Toimiva graafinen ilme sovelluksineen kiteyttää yrityksen imagon, yhtenäistää yrityskulttuuria ja vapauttaa tärkeitä resursseja
Lisätiedot