Tämän ohjeiston avulla rakennamme yhdessä Tornion viestintää. Täältä löydät kaikki keskeiset ohjeet, joiden avulla voit viestiä Tornion ilmeellä ja äänellä johdonmukaisesti eri kanavissa ja tilanteissa. Hyvin toteutettu viestintä vahvistaa kaupungin brändiä, tukee yhteisiä tavoitteita ja luo myönteistä mielikuvaa Torniosta – tehdään Tornio näkyväksi yhdessä!
Tunnus
Tornion tunnuksessa näkyy kaupungin värikäs 400-vuotinen historia. Toisaalta tyyli on moderni ja tulevaisuuteen kurkottava. Tunnus on suunniteltu Tornion vaakunaa kunnioittaen. Myös kaupunkilaisten näkemykset ovat ohjanneet suunnittelua.
Tunnus pitää paljon sisällään. Siitä voi löytää Tornion vaakunan muotokieltä ja kirkontornin, kaupungin perustajan Kustaa II Adolfin kruunun, rajan sekä sen molemmin puolin virtaavan joen, joka yhdistyy mereen.
Tunnuksen rakenne
Tunnusversiot
Tunnuksesta on vaaka- ja pystymalli tummansinisenä ja valkoisena.
Värillistä versiota käytetään vaalealla pohjalla ja valkoista versiota tummalla pohjalla.
Materiaalissa käytettävä malli valitaan tapauskohtaisesti sen mukaan, kumpi sopii tilaan paremmin.
Suoja-alue ja minimikoko
Tunnuksen ympärille tulee jättää riittävä määrä tilaa, jotta se erottuu selkeästi ja on tunnistettava.
Määritellylle suoja-alueelle ei saa sijoittaa muita graafisia elementtejä. Lisäksi se määrittää pienimmän mahdollisen etäisyyden pinnan reunoihin tunnusta käytettäessä.
Pystytunnuksen suoja-alue määräytyy tunnuksen T-kirjaimen korkeuden mukaan. Vaakatunnusta ympyröivä suoja-alue on kaksi kertaa i-kirjaimen pisteen halkaisija.
Vaakaversio
Painotuotteissa vähintään 20 mm leveä. Digitaalisessa muodossa vähintään 120 px leveä.
Pystyversio
Painotuotteissa vähintään 11 mm leveä. Digitaalisessa muodossa vähintään 60 px leveä.
Virheellinen käyttö
Ohessa esimerkkejä tunnuksen virheellisestä käytöstä:
- Tunnuksen muotojen venyttäminen
- Logon ja typografian muuttaminen
- Elementtien irrottaminen
- Logon esittäminen vinossa
- Efektien lisääminen
- Värien muuttaminen
- Elementtien koon muuttaminen
- Tunnuksen käyttäminen sekavan taustan päällä
- Tunnuksen esittäminen ääriviivoilla
Käyttö ilman tekstiä
Tunnuksen merkkiä voidaan käyttää ilman logotekstiä tapauksissa joissa sen luettavuutta ei voida taata. Tällaisia ovat muun muassa sosiaalisen median profiilikuvat ja verkkosivuston ikoni.
Merkkiä voidaan käyttää yksistään tai sen taustalla voidaan käyttää liukuväritaustaa käyttökohde huomioiden.
Typografia
Tornion kirjasin on Raleway. Otsikoissa kirjasimesta käytetään ExtraBold tai harkiten ExtraBold Italic -leikkausta. Leipätekstinä toimii Regular-leikkaus. Ingresseissä, toisen asteen (tai alemmissa) otsikoissa ja nostoissa voidaan käyttää Regular Italic -leikkausta.
Adobe CC -ohjelmistoissa otsikkoteksteissä käytetään kirjaintenvälityksen (tracking) arvona –20. Vastaavaa otsikkotekstien kirjaintenvälistyksen tiivistämistä suositellaan myös muita työkaluja käytettäessä.
Raleway-fontti on maksuton ja ladattavissa muun muassa Google Fonteista.
Esimerkki otsikosta
Ja tämä tässä on ingressi.
Tämä on leipäteksti. Mieleni minun tekevi, aivoni ajattelevi lähteäni laulamahan, saa’ani sanelemahan, sukuvirttä suoltamahan, lajivirttä laulamahan. Sanat suussani sulavat, puhe’et putoelevat, kielelleni kerkiävät, hampahilleni hajoovat.
Värit
Tornion kaupungin väripaletti on jaettu neljään pääväriin ja kahteen lisäväriin. Pääväreistä tummansinistä käytetään Tornion tunnistettavana päävärinä teksteissä ja graafisissa elementeissä. Muut päävärit muodostavat pääasiallisen tukevan värimaailman.
Kaupungin virallisissa materiaaleissa käytetään tummansinisen lisäksi pääasiallisesti vaaleansinistä lisäväriä.
Lisäksi käytettävissä on musta ja valkoinen. Leipätekstin värinä käytetään mustaa.
Painatuksessa käytetään CMYK-värejä tai toissijaisesti PMS-värejä. RGB-värejä käytetään kaikessa digitaalisessa materiaalissa.
Päävärit
Sininen
RGB 1, 33, 105
CMYK 100, 85, 0, 39
PMS 280
#012169
Keltainen
RGB 255, 220, 109
CMYK 1, 13, 66, 0
PMS 120
#FFDC6D
Vaaleanpunainen
RGB 246, 185, 195
CMYK 0, 37, 13, 0
PMS 176
#F6B9C3
Vihreä
RGB 140, 202, 165
CMYK 50, 0, 44, 0
PMS 2246
#8CCAA5
Lisävärit
Vaaleansininen
RGB 171, 202, 233
CMYK 37, 13, 2, 0
PMS 277
#ABCAE9
Violetti
RGB 189, 179, 217
CMYK 30, 31, 0, 0
PMS 263
#BDB3D9
Musta
RGB 0, 0, 0
CMYK 0, 0, 0, 100
PMS Black
#000000
Valkoinen
RGB 255, 255, 255
#FFFFFF
Saavutettavuus
Ohessa esitettynä värien väliset kontrastit siten, että ne täyttävät käytössä saavutettavuusvaatimusten WCAG AAA-tason. Taustavärin päällä näkyvät pallot osoittavat mitkä tekstin ja grafiikan värit sopivat kyseiselle taustalle.
Liukuväritehoste
Liukuvärien käyttö on visuaalinen esitys Tornion rajattomuudesta. Brändivärejä voidaan käyttää taustatehosteina liukuväreinä, joissa yhdistyy kaksi väriä, tai yksittäisenä värinä kuvan kanssa.
Liukuväri jakaa pinnan vaaka- tai pystysuunnassa kahtia, on orgaaninen ja elää vapaasti. Värit liukuvat vaaleammasta väristä tummempaan vasemmalta oikealle tai ylhäältä alas (tai näiden välimaastosta). Tämä luo vaikutelman kuperasta ja laajenevasta pinnasta.
Liukuväreihin voidaan lisätä kohinaa tuomaan tekstuuria ja luomaan analogista, lämpimämpää tunnelmaa.
Visualisointi liukuvärin orgaanisesta muodosta.
Visualisointi liukuvärin orgaanisesta muodosta.
Esimerkki liukuvärin käytöstä kuvan kanssa.
Testaa liukuvärejä
Alla olevalla työkalulla voit tarkastella vapaasti taustavärien yhdistelmiä. Tummemmat värit suodattuvat automaattisesti vaaleamman värin valinnan mukaan.
Valitse kirkkaampi väri
Valitse tummempi väri
![Kuvaus kuvasta](https://torniobrand.fi/wp-content/themes/brandtornio/images/tornio-logo-pysty.svg"){kind=logo}
Kuvituselementit
Tornion kuvituselementit syntyvät yhdellä vedolla piirtyvästä viivasta joka kertoo tarinaa luovuudesta, Tornion omintakeisuudesta ja rajattomasta ajattelusta.
Viivasta syntyvä kuva symboloi Tornion mahdollisuuksia, luovuutta ja yhdistymistä. Kahden pisteen välinen viiva voi kasvaa miksi tahansa: abstraktiksi muodoksi, ideaksi, tarinaksi, tunnistettavaksi hahmoksi.
Viiva on rajaton, aivan kuten Torniokin. Se muistuttaa, ettei loistava lopputulos vaadi monimutkaisuutta – vaan kykyä ajatella omintakeisesti ja rohkeasti.
Valmiita kuvituselementtejä voi käyttää vapaasti. Niiden asettelu saa olla huoletonta ja niitä voidaan käyttää kuvien päällä, osana sommittelua, tai yksittäisenä vahvana visuaalisena elementtinä.
Graafiset elementit
Tornion rajattomuuden visuaalinen maailma voidaan harkitusti ulottaa muihinkin graafisiin elementteihin, kuten verkkosivujen painikkeisiin tai taiton tekstilaatikoihin.
Elementin reunat pehmennetään, jotta sillä ei ole selkeitä rajoja, vaan se noudattelee liukuvärien rajattomuuden teemaa.
Esimerkin valikko- ja CTA-painikkeen reunat on pehmennetty.
Kuvamaailma
Tornion kuvamaailmassa yhdistyvät jouheva arki, mukava asuminen sekä elinvoimaisen ja työllistävän kaupungin dynaamisuus. Kansainvälisyys ja monenlaiset näkökulmat tulevat esiin kuvissa. Erilaiset ihmiset ja heidän persoonallisuutensa ovat kuvamaailman keskiössä.
Tornio kuvina on myös taidetta, teollisuutta ja luontoa. Siltojen kaupunki, rajattomuus ja hyväntuulisuus kuuluvat Tornioon.
Yhteystiedot
Anna-Erika Heikkilä
Viestintäpäällikkö
040 649 7780
anna-erika.heikkila@tornio.fi
Tornion kaupunki
Suensaarenkatu 4
95400 Tornio
www.tornio.fi