HATTULAN KUNNAN GRAAFINEN OHJEISTUS 2019
Sisällysluettelo 1. Hattula-tunnukset 1.1 Vaakuna 1.2 Hattula-logo 2. Hattula-tunnusten käyttö 2.1 Tunnusten käyttö ja rajoitukset 2.2 Käytettävät versiot 2.3 Tunnusten suoja-alueet 2.4 Kielletyt versiot 3. Sloganit 3.1 Slogan - Elämää varten 3.2 Muut mainoslauseet 4. Hattula-värit 4.1 Nelivärijärjestelmä CMYK 4.2 Näyttövärijärjestelmä RGB 4.3 Erillisvärijärjestelmä Pantone 4.4 Vaakunan värit 4.5 Mainosteippien värit 5. Hattula-typografia 5.1 Ensisijaiset tekstityypit 5.2 Toissijainen tekstityyppi 5.3 Tekstin muotoilu 5.4 Esimerkkejä typografian hierarkiasta
1. Hattula-tunnukset 1.1 Vaakuna Vaakunan harmaasävy- ja mustavalkoversiot. Hattulan kunnan punakultaista vaakunaa käytetään erityistä arvokkuutta vaativassa viestinnässä; esimerkiksi valtuuston kutsuissa, kunnianosoituksissa, muistamisissa, kannantotoissa ja kirjelmissä. Vaakunaa ei yhdistetä kunnan toisen logon kanssa. Punainen ja kultainen värimaailma kuvastavat perinteitä, itsenäisyyttä sekä historiaa. Vaakunasta käytetään vain versiota, jossa värimaailma on punakultainen tai hyvin lähellä sitä. Keltaista sävyä ei ole sallittua käyttää. Harmaasävy ja mustavalkoinen värimaailma sallittu vain silloin kun värillinen ei ole mahdollista. Vaakunan kuvasuhdetta ei saa muuttaa.
1. Hattula-tunnukset 1.2 Hattula-logo Hattula-logo sinisellä värillä, mustalla sloganilla. Hattula-logo valkoisella tekstillä, sinisellä pohjalla. Hattula-logo sinisellä tekstillä, valkoisella pohjalla. Hattula-logon sininen väri ja ta joustavana ja uudistumisky- Hattula-logo on kunnan päälogo. köpostien allekirjoituksessa, oh- aaltokuvio tunnuksen alareu- kyisenä kuntana, joka kehittyy Sitä käytetään kunnan viestin- jelmissa ja sovel luksissa, ilmoi- nassa symboloivat Hattulan si- kuntalaisten tarpeiden mukana. nässä ja markkinoinnissa, ellei tuksissa sekä tie dotteissa. Logon jaintia Vanajaveden laaksossa. Tunnus sisältää myös visuaali- aihe edellytä kun nan vaakunan kuvasuhdetta ei saa muut taa. Hattula-tunnuslauseen taustalla sia elementtejä, jotka viittaavat erityistä arvok kuutta. Hattula-lo- on mielikuva kunnan keskeises- kunnan keskeisiin maamerkkei- goa käytetään esimerkiksi kun- tä roolista ihmisten elämässä, hin ja yhteyksiin; kirkkoihin sekä nan asiakirjoissa, kotisivuilla, mutta samalla ajatus Hattulas- moottoritiehen. markkinointimateriaaleissa, säh-
1. Hattula-tunnukset 1.2.1 Käytettävät versiot Hattula-logosta Nega, liukuvärillä, neli- ja erillisväripainatus sloganilla ja sähköisellä yhteystiedolla Posa, liukuvärillä, neli- ja erillisväripainatus sloganilla ja sähköisellä yhteystiedolla Nega, kompaktivärillä, neli- ja erillisväripainatus sloganilla ja sähköisellä yhteystiedolla Posa, kompaktivärillä, neli- ja erillisväripainatus sloganilla ja sähköisellä yhteystiedolla Nega, kompaktivärillä, musta-valkoinen painatus sloganilla ja sähköisellä yhteystiedolla Posa, kompaktivärillä, harmaasävypainatus (K90%) sloganilla ja sähköisellä yhteystiedolla
2. Hattula-tunnusten käyttö 2.1 Tunnusten käyttö ja rajoitukset Kaikista tunnuksista tulee käyttää aina värillistä versiota, kun tämä on mahdollista. Tunnusten negaversioita tulee käyttää niissä tapauksissa, joissa pohjan ja tunnuksen kontrasti jää muuten riittämättömäksi. Vaakunasta ei ikinä käytetä negaversiota. Vaakuna sijoitetaan ensisijaisesti vasempaan yläkulmaan. Päälogo niin ikään vasempaan yläkulmaan tai oikeaan alakulmaan. Markkinointimateriaalissa logon sijoittelu on vapaampaa. Viralliset logomallit, asiakirjapohjat sekä erilaisia esityspohjia löytyy henkilöstön intranetistä. 2.2 Käytettävät versiot Tunnusten harmaasävyversiota tulee käyttää ainoastaan tilanteissa, joissa värillisen version käyttö ei ole mahdollista. Tunnukset voidaan sijoittaa myös kuvan päälle. Tällöin on huolehdittava, että sävyero tunnuksen ja taustan välillä on riittävä. Tummemmalla taustalla suositellaan negaversion käyttämistä. Esimerkkejä:
2. Hattula-tunnusten käyttö 2.3 Tunnusten suoja-alueet Tunnusten minimisuoja-alue on esitetty alla olevassa kuvassa. Suoja-alueen leveys ja korkeus ovat 8% tunnuksen leveydestä tunnuksen yläpuolella, alla ja molemmilla sivuilla. Tälle alueelle ei tule sijoittaa muuta kuvaa tai tekstiä. Suoja-aluetta voidaan tarkkaan harkitusti soveltaa markkinointitarkoituksessa. Suoja-alue 8% tunnuksen leveydestä
2. Hattula-tunnusten käyttö 3. Sloganit 2.4 Kielletyt versiot 3.1 Slogan - Elämää varten Käytä tunnuksissa aina ohjeistuksen mukaisia värejä. Slogan liittää kunnan palvelut kehittyväksi osaksi kuntalaisten jokapäiväistä elämää. Slogania käytetään aina logon yhteydessä edellä esitetyillä väreillä ja asemoinneilla. 3.2 Muut mainoslauseeet Käytä tunnuksia aina vaakasuorassa. Hattulan kunta voi markkinoinnissaan käyttää myös muita, tarkkaan harkittuja mainoslauseita. Mainoslauseet eivät saa kilpailla kunnan sloganin kanssa tai korvata sitä. Tunnuksien rakennetta tai mittasuhteita ei saa muuttaa.
4. Hattula-värit 4.1 Nelivärijärjestelmä CMYK 4.2 Näyttövärijärjestelmä RGB 4.3 Erillisvärijärjestelmä Pantone Cyan 100% Magenta 70% Keltainen 0% Musta 0% Cyan 100% Magenta 30% Keltainen 0% Musta 0% Cyan 100% Magenta 0% Keltainen 100% Musta 0% Cyan 0% Magenta 0% Keltainen 0% Musta 90% Red 14 Green 65 Blue 145 Red 177 Green 204 Blue 238 Red 40 Green 148 Blue 72 Red 25 Green 25 Blue 25 Pantone 287C Pantone 291C Pantone 355C Pantone 3C 4.4 Vaakunan värit 4.5 Mainosteippien värit Pantone 485C Pantone 110C Cyan 0% Magenta 100% Keltainen 100% Musta 0% Cyan 13% Magenta 31% Keltainen 100% Musta 4% Pantone 1265C Pantone 427C Cyan 35% Magenta 46% Keltainen 92% Musta 31% Cyan 100% Magenta 70% Keltainen 0% Musta 0% Ikkuna- ja muiden pintojen teippaukset toteutetaan annettujen CMYK-arvojen mukaisesti neliväritulostuksella. Käytettäessä värjättyjä merkintäkalvoja, pyritään sävy valitsemaan mahdollisimman lähelle Pantone-värimääritystä hyväksi käyttäen. Pantone Black C Cyan 0% Magenta 0% Keltainen 0% Musta 100% HUOM! Vaakunan kanssa ei ole sallittua käyttää keltaista sävyä!
5. Hattula-typografia 5.1 Ensisijaiset tekstityypit Kunnan viralliset tekstityypit ovat Times New Roman sekä Arial. 5.2 Toissijainen tekstityyppi 5.1.1 Times New Roman Bold, pt 14 5.1.5 Arial Bold, pt 14 5.1.2 Times New Roman Bold, pt 12 5.1.6 Arial Bold, pt 12 5.1.3 Times New Roman, pt 12 5.1.7 Arial, pt 12 5.1.4 Times New Roman, pt 11 5.1.8 Arial, pt 11 Toissijaista tekstityyppiä käytetään sellaisissa ympäristöissä, joissa ensisijaisia ei voida käyttää tai suositella käytettäväksi. Tällaisia ympäristöjä ovat esimerkiksi verkkosivut, lomakkeet ja jotkin sähköiset sovellukset. Toissijaisena tekstityyppinä Hat- tulassa suositellaan käytettäväksi Verdanaa. Tekstin määritykset oikealla. Markkinoinnissa voidaan hyödyntää vapaasti muitakin tekstityyppejä ja asemointeja, kuitenkin kunnan arvomaailmaa, viestinnällistä ilmettä ja hyvää makua kunnioittaen. 5.2.1 Verdana Bold, pt 14 5.2.2 Verdana Bold, pt 12 5.2.3 Verdana, pt 12 5.2.4 Verdana, pt 11 5.3 Tekstin muotoilu Rivinväli asiakirjoissa, kuten raporteissa, pöytäkirjoissa, esityslistoissa ja erilaisissa kannanotoissa 1,15. Muutoin 1,5. Käytetty palstaleveys 45mm. Käytettävä maksimi palstaleveys Hattulan materiaalissa on 100mm. Tekstin ladonta on vasen tasan, oikea liehu.
5. Hattula-typografia 5.4 Esimerkkejä typografian hierarkiasta Esimerkissä otsikkotyyppi on Times New Roman bold 14 pt ja väliotsikko on Times New Roman bold 12pt. Leipäteksi on Times New Roman 12 pt. Rivinväli on 1,15. Käytetty palstanleveys on 45mm. Tekstin ladonta on vasen tasan, oikea liehu. LOREM IPSUM DOLOR SIT AMET Lorem ipsum dolor sit amet, turpis nam ridiculus, vel egestas sem dolor porta, ex magna libero, quam quis, volutpat neque sit lectus. Aliquam quisquam vitae eu Sodales in, laoreet molestiae consequat nunc, commodo ut sem. Elit consequatur volutpat vehicula, odio sit urna lacus, elit vel viverra in dolor Esimerkissä otsikkotyyppi on Verdana bold 14 pt ja väliotsikko on Verdana bold 12pt. Leipäteksi on Verdana 12 pt. Rivinväli on 1,5. Tekstin ladonta on vasen tasan, oikea liehu. morbi dolor. Mauris non nec lacus egestas, erat elit, accumsan vestibulum sit, diam consequat faucibus integer. Diam gravida duis Est velit placerat augue ridiculus pellentesque eu, pulvinar habitant aenean, nam vestibulum vel, ornare sit nobis faucibus, ut proin tempor volutpat lacus mattis. Risus sed quam, hendrerit porta nibh ut.