01 BRÄNDIKONSEPTI 02 BRÄNDI-IDENTITEETTI 03 BRÄNDI-ILME Tampere.Finland Brändikirja 2018 // 1 GRAAFINEN OHJEISTO
01 BRÄNDIKONSEPTI 02 BRÄNDI-IDENTITEETTI 03 BRÄNDI-ILME Tampere.Finland Brändikirja 2018 // 1
GRAAFINEN OHJEISTO
SIS
ÄLL
YS
LUE
TTE
LO
VISUAALINEN ILME• Tunnus
• Vaakunalogo
• Värit
• Typografia
• Grafiikka
• Kuvat
Tampereen tekijänä olet avainasemassa Tampereen tarinan kertomisessa. Inhimilliset kohtaamiset, ympäristöystävälliset toiminta-tavat ja rento palvelu mahdollistavat sujuvan arjen elämysten keskellä. Tämän eteen teemme yhdessä töitä ja varmistamme, että kohisten kasvava Tampere todella on Sinulle paras, kuten strategiassa sanotaan. Tampereen tarinan kirkastamisen myötä myös Tampereen kaupungin oma ilme uudistuu. Tampere.Finland-tunnus, uudistunut graafinen aaltoikkuna-elementti ja kirkastettu väripaletti otetaan käyttöön tutun vaakunalogon kanssa. Täydellinen ohjeisto valmistuu alkuvuonna 2019, mutta toive on, että uutta ilmettä näkyisi kaupungin materiaaleissa ja toimipisteissä mahdollisimman paljon jo syksyn aikana.
JOHDANTO
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 3
Tampere.Finland-tunnus ja vaaku-nalogo toimivat jatkossa yhdessä. Vaakunalogo on kuitenkin aina kau-pungin allekirjoitus, jonka on oltava näkyvillä kaikessa kaupungin toi-minnassa. Tampere.Finland-tunnus on tamperelaisten yhteinen. Se on vapaasti kaikkien käytettävissä. Tun-nus viestii, että sen käyttäjä on ylpeä tamperelaisuudestaan.
Tunnuksen muoto on yksinkertainen ja helposti
tunnistettava. Sen pääpaino on Tampere-sanassa,
joka on kirjoitettu Tampereelle ominaisella tiilen-
punaisella.
Sinisellä kirjoitettu Finland-sana korostaa Tampe-
reen suomalaisuutta ja veden merkitystä järvien
ja Tammerkosken kaupungissa.
Piste kertoo Tampereen paikasta Suomessa ja maail-
malla. Se on merkki Tampereen määrätietoisesta
asenteesta. Piste voidaan nähdä myös yksilönä,
joka on osa yhteisöllistä Tamperetta.
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 4
Tunnuksen suoja-alue
Tampere.Finland-tunnukselle on määritelty suoja-
alueet (T-kirjaimen korkeus), joiden sisäpuolelle
ei tule sijoittaa muita muotoja, värejä, kirjaimia tai
kuvaelementtejä. Määritellyt suoja-alueet ovat
myös logojen minimimarginaaleja. Suoja-alueita
ei saa rajata pienemmiksi, eikä niiden sisälle tule
sijoittaa muita elementtejä.
Tunnuksen minimikoko
Tunnuksen on aina oltava vähintään 15 mm leveä
painotuotteissa ja digitaalisessa muodossa vähintään
80 px leveä, jotta tunnus on luettavissa ja selkeä.
Tunnuksen osia ei tule irrottaa tai asetella toisin
kuin on ohjeistettu.
15 mm / 80 px
Tunnuksen minimikoko
Tunnuksen suoja-alue
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 5
Tunnuksen väritys ja käyttö
1. Värillinen tunnus valkoisella taustalla
2. Värillinen tunnus vaalealla väritaustalla
3. Värillinen tunnus vaalealla taustakuvalla
4. Musta-harmaa tunnus keskitummalla väritaustalla
5. Valkoinen tunnus tummalla tai kirkkaalla väritaustalla
6. Valkoinen tunnus tummalla taustakuvalla
Tunnuksesta on käytössä värillinen (2-värinen) versio
ja musta (90% K musta). Huomioitavaa on, että piste ja
Finland on 70% K musta (näyttäytyy harmaana).
Tunnuksen väritys
PANTONE: Process Black C 90%CMYK: 0/ 0/ 0/ 90
RGB: 63/ 62/ 62 HEX: #3f3e3e
LIGHT WARM RED
TIILENPUNAINENMUSTA 90%
PANTONE: Process Black C 70%CMYK: 0/ 0/ 0/ 70
RGB: 111/ 111/ 110HEX: #6f6f6e
LIGHT BLUE
KOTIMUSTA 70%
PANTONE: 638 CCMYK: 86/ 2/ 9/ 0RGB: 57/ 167/ 215
HEX: #39a7d7
1. 4.
2. 5.
3. 6.
PANTONE: 178 CCMYK: 0/ 75/ 60/ 0
RGB: 235/ 94/ 88 HEX: #ce5e58
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 6
Tampereen kaupungin vaakunalogo on kaupungin allekirjoitus. Sen on oltava näkyvillä kaikessa kaupungin toiminnassa.
Tampere.Finland-tunnusta ja vaakunalogoa voidaan
käyttää yhdessä. Kaupungin vaakunalogoa on
kuitenkin aina käytettävä kaikissa kaupungin toimin-
taan liittyvissä materiaaleissa.
Logoa voidaan käyttää kahdessa eri muodossa:
1. tekstiosa oikealla muodossa ”Tampereen kaupunki”
tai 2. tekstiosa oikealla muodossa ”Tampere”. Lyhyt
muoto toimii esimerkiksi lehti-ilmoituksissa, joissa
tilaa on vähän. Lisäksi käytettävissä on englannin-
kielinen versio. Logosta voi myös erikoistapauksissa
käyttää pelkkää vaakunaa, joka sopii kapeaan tilaan.
Mustavalkoista versiota käytetään silloin, kun koko
painotuote on mustavalkoinen/harmaasävyinen.
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 7
Tunnuksen suoja-alue
1
2
Logon suoja-alue
Eri logovarioaatioilla on kaikilla sama suhteellinen
suoja-alue, joka on yhden ison T-kirjaimen korkeuden
verran kaikkiin suuntiin tunnuksen uloimmasta
pisteestä. Myös tekstielementtien etäisyys vaaku-
nasta on T-kirjaimen leveys.
Logon osia ei tule irrottaa tai asetella toisin kuin
on ohjeistettu.
Logoa voidaan käyttää myös negatiivina (malli 1).
tai kuvan päällä (malli 2), kunhan alla oleva kuva on
tarpeeksi selkeä, jotta tunnuksesta saa hyvin selvää.
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 8
Esimerkkejä tunnuksen ja logon yhteiskäytöstä
KOT I TA M P E R E .
Lorem ipsum dolupta pe velitianturion sequistrum fuga. Itatur, que eium faciduntem.
#tampere #finland
Lorem ipsum dolupta pe velitianturion sequistrum fuga. Itatur, que eium faciduntem.
#tampere #finland
Tunnus ja vaakunalogo yhdessä
Vaakunalogoa ja tunnusta voidaan käyttää mate-
riaaleissa yhdessä. Niitä ei kuitenkaan koskaan
asetella rinnakkain, päällekkäin, vierekkäin tai lähelle
toisiaan. Tampere.Finland-tunnuksen voi jättää pois,
jos kyse on esimerkiksi pienestä lehti-ilmoituksesta.
Silloin näkyviin laitetaan vain vaakunalogo, joka on
kaupungin virallinen tunnus.
Vieressä muutama esimerkki tunnuksen ja vaaku-
nalogon käytöstä.
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 9
VÄRIT
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 10
Värit
Brändin värit on nimetty niiden muistamisen helpot-tamiseksi. Kaikkia väripaletin värejä saa käyttää minkä tahansa aiheen kanssa. Tampereen väripale-tissa on yhteensä kuusi raikasta pääväriä (tunnelma, kokemus, koti, työ, idea ja muutos). Sinisestä on poimittu tumma ja vaalea pääväri. Paletin lisävärit tuovat vaihtelua ja uusia käyttömahdollisuuksia visuaaliseen ilmeeseen.
Laajasta väripaletista käytetään yhtä tai kahta pääväriä, joihin voi liittää muita lisävärejä halli-tusti (enintään neljä). Perusvärit tasapainottavat ja rauhoittavat kokonaisuutta (enintään kaksi). Lisä-värejä voi käyttää yksinään päävärinä/taustavärinä.
WARM RED
TUNNELMA
DARK BLUE
TYÖ
LIGHT BLUE
KOTI
GREEN
KOKEMUS
YELLOW
IDEA
PINK
MUUTOS
DARK WARM RED
TUMMA TIILENPUNAINEN
LIGHT WARM RED
TIILENPUNAINEN
BERRY RED
MARJAN- PUNAINEN
LILAC VIOLET
LILA VIOLETTI
DARK WATER
TUMMA VESI
SMOG BLUE
USVA
GREY BLUE
UNI
PINE GREEN
HAVUNVIHREÄ
LIGHT PETROL
VAALEA PETROOLI
DARK YELLOW
PAAHDE
LIGHT YELLOW
HÄIVE
AQUA BLUE
VEDENSININEN
1. PÄÄVÄRIRYHMÄ
1. LISÄVÄRIRYHMÄ
2. PÄÄVÄRIRYHMÄ
2. LISÄVÄRIRYHMÄ
PERUSVÄRIT
LIGHT BLUE GREY
VAALEA SINIHARMAA
BLUE GREY
SINIHARMAA
LIGHT COOL GREY
VAALEANHARMAA
DARK COOL GREY
TUMMANHARMAA
PÄÄVÄRI
PÄÄVÄRI LISÄVÄRI = PÄÄVÄRI
LISÄVÄRIT
LISÄVÄRIT
PERUSVÄRITESIMERKKI 1
ESIMERKKI 2 ESIMERKKI 3
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 11
PANTONE: 178 CCMYK: 0/ 75/ 60/ 0
RGB: 235/ 94/ 88 HEX: #eb5e58
PANTONE: 1788 CCMYK: 0/ 87/ 80/ 0
RGB: 200/ 62/ 54HEX: #c83e36
PANTONE: 198 CCMYK: 0/ 83/ 36/ 0RGB: 203/ 74/ 108
HEX: #cb4a6c
PANTONE: 293 CCMYK: 98/ 65/ 0/ 6
RGB: 41/ 84/ 154HEX: #29549a
PANTONE: 7676 CCMYK: 62/ 67/ 2/ 0
RGB: 115/ 97/ 162HEX: #7361a2
PANTONE: 1797 CCMYK: 16/ 100/ 100/ 0
RGB: 174/ 30/ 32HEX: #ae1e20
PANTONE: 294 CCMYK: 100/ 70/ 7/ 25
RGB: 0/ 65/ 125HEX: #00417d
PANTONE: 279 CCMYK: 70/ 35/ 0/ 0RGB: 102/ 142/ 201
HEX: #668ec9
PANTONE: 7425 CCMYK: 20/ 90/ 40/ 0
RGB: 173/ 57/ 99HEX: #ad3963
DARK WARM RED
TUMMA TIILENPUNAINEN
WARM RED
TUNNELMA
LIGHT WARM RED
TIILENPUNAINEN
PINK
MUUTOS
BERRY RED
MARJANPUNAINEN
DARK BLUE
TYÖ
LILAC VIOLET
LILA VIOLETTI
DARK WATER
TUMMA VESI
SMOG BLUE
USVA
LISÄVÄRIT
PÄÄVÄRIT
PMS Pantone Color Bridge Coated
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 12
PANTONE: 305 CCMYK: 55/ 0/ 5/ 0RGB: 145/ 201/ 234
HEX: #91c9ea
PANTONE: 638 CCMYK: 86/ 2/ 9/ 0RGB: 57/ 167/ 215
HEX: #39a7d7
PANTONE: 7465 CCMYK: 58/ 0/ 36/ 0RGB: 140/ 193/ 179
HEX: #8cc1b3
PANTONE: 7459 CCMYK: 70/ 0/ 0/ 30
RGB: 83/ 144/ 181HEX: #5390b5
PANTONE: 1365 CCMYK: 0/ 34/ 76/ 0RGB: 232/ 180/ 85
HEX: #e8b455
PANTONE: 134 CCMYK: 0/ 12/ 64/ 0RGB: 248/ 222/ 121
HEX: #f8de79
PANTONE: 323 CCMYK: 85/ 12/ 53/ 35
RGB: 57/ 115/ 104HEX: #397368
GREY BLUE
UNI
LIGHT BLUE
KOTI
GREEN
KOKEMUS
PINE GREEN
HAVUNVIHREÄ
YELLOW
IDEA
LIGHT PETROL
VAALEA PETROOLI
AMARILLO YELLOW
PAAHDE
LIGHT YELLOW
HÄIVE
PANTONE: 367 CCMYK: 45/ 0/ 70/ 0RGB: 171/ 200/ 114
HEX: #abc872
PANTONE: 123 CCMYK: 0/ 17/ 87/ 0RGB: 244/ 210/ 64
HEX: #f4d240
AQUA BLUE
VEDENSININEN
LISÄVÄRIT
PÄÄVÄRIT
PMS Pantone Color Bridge Coated
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 13
PANTONE: 642 CCMYK: 13/ 2/ 1/ 1
RGB: 229/ 238/ 248HEX: #e5eef8
LIGHT BLUE GREY
VAALEA SINIHARMAA
BLUE GREY
SINIHARMAA
LIGHT COOL GREY
VAALEANHARMAA
DARK COOL GREY
TUMMANHARMAA
PANTONE: 5445 CCMYK: 21/ 5/ 4/ 8
RGB: 202/ 214/ 226HEX: #cad6e2
PANTONE: Cool Grey 4 CCMYK: 12/ 8/ 9/ 23RGB: 190/ 191/ 191
HEX: #bebfbf
PANTONE: Cool Grey 10 CCMYK: 0/ 0/ 0/ 80
RGB: 88/ 88/ 87HEX: #585857
PERUSVÄRIT
Perusvärit
Perusvärit luovat tasapainoa väripalettiin ja niitä
voidaan käyttää vapaasti taustaväreinä, rauhoit-
tavina osioina tai yksityiskohtina.
PMS Pantone Color Bridge Coated
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 14
TYPOGRAFIA
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 15
Typografia
Tampereen käytössä ovat Montserrat- ja Open Sans
-fonttiperheet. Otsikoissa ja nostoissa käytetään
Montserrat-fonttia, josta pääsääntöisesti käytetään
vahvoja leikkauksia (black ja bold).
Open Sansilla taitetaan pidemmät luettavat tekstit,
kuten leipätekstit, ja siitä käytetään pääasiassa kevyitä
leikkauksia (light ja regular). Italic-leikkausta käyte-
tään lyhyissä nostoteksteissä. Tämä luo kontrastia
vahvan Montserrat-otsikon kanssa.
Jos Montserrat- ja Open Sans-fontteja ei voida käyttää
(esim. Microsoft Office -ohjelmat), käytetään Calib-
ri-kirjaintyyppiä.
Lataa fonttitiedostotMontserrat:
https://fonts.google.com/specimen/Montserrat
Open Sans:
https://fonts.google.com/specimen/Open+Sans
https://fonts.google.com/specimen/Open+San-
s+Condensed
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖabcdefghijklmnopqrstuvwxyzåäö1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*
Montserrat
ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖabcdefghijklmnopqrstuvwxyzåäö1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*
Open Sans
Hairline // Light // Regular // Bold // Black
Light // Light Italic // Regular // Regular Italic //
Semibold // Semibold Italic // Bold // Bold Italic
+ Condensed leikkaukset
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 16
Typografia
HUOM! Viereiset esimerkit eivät ole ohjekokoja
kaikkiin sovelluksiin, vaan toimivat tässä esimerk-
keinä mallitypografian koko- ja paksuuskontrasteista.
OTSIKKO.Vahva ja lyhyt otsikko.
Leipätekstissä käytetään Open Sans -kirjasinperheen kevyempiä leikkauksia
kuten Regular tai Light. Korostuksissa käytetään Bold-leikkausta. Cimintiam
et, arum, sequae sequia veniste mporibus. Pidunti sequod et eum repedi-
ciume nihil mint alis eumquam earcitam eost atusamus.Olut parupta ectatus
ipsa dit ut ture vendaer ionsequi dit ma di asped quatestrum as atusae nes
aliquam iusam et, aut dis int odigene suntor ad quatention
Ingressiteksteissä käytetään Open Sans -kirjasinperheen leikkausta kuten Semibold Italic. Cimintiam et, arum, sequae sequia veniste mporibus. Pidunti sequod et eum repediciume.
PIKKUOTSIKKO
INDEKSIMontserrat Light
13 pt / 17 pt
NOSTOOpen Sans Light Italic
11 pt / 17 pt
OTSIKKOMontserrat Black
40 pt / 36 pt
2. OTSIKKOMontserrat Light
22 pt / 33 pt
OTSIKKOMontserrat Black
40 pt / 36 pt
INGRESSIOpen Sans Semibold Italic
13 pt / 17 pt
LEIPÄTEKSTIOpen Sans Light/Regular
8,5 pt / 15 pt
Lyhyissä nostoteksteissä toimii Open SansLight Italic. Se luo kontrastia ja leikkisyyttälyhyen ja vahvan otsikon kanssa (Montserrat Black).
OTSIKKO.
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 17
GRAFIIKKA
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 18
Grafiikka
Uusi graafinen elementti, aaltoikkuna, yhdistää
ennestään tuttua ikkunagrafiikkaa ja aaltokuviota.
Siihen on poimittu vanhasta ikkunagrafiikasta tuttu
muoto ja suunnan jatkuvuus. Se mukailee myös
aallon muotoa.
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 19
Kuosi
Aaltoikkunakuosia voi käyttää koko pintana tai
osassa taustaa. Kuosin väri voi olla mikä tahansa
väripaletin sävy.
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 20
Grafiikan käyttö
Tässä brändikirjassa on paljon esimerkkejä aaltoik-
kunagrafiikan käytöstä.
Tiettyihin sovelluksiin, kuten kirjepohjaan tai käyn-
tikortteihin, on tehty valmiit taittopohjat, joihin
grafiikan paikka on määritelty. Muuten elementit
ovat vapaasti käytettävissä joko kuvan rajaajina,
visuaalisina lisäelementteinä tai kuosina.K O T I
TA M P E R E .
Lorem ipsum dolupta pe velitianturion sequistrum fuga. Itatur, que eium faciduntem.
#tampere #finland
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 21
KUVAT
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 22
Kuvamaailma
Tampere.Finland-brändiin yhdistetään pelkistet-tyjä ja itsevarmoja kuvia, joissa ihmiset tai ihmisen läsnäolo ovat keskiössä. Suosimalla erilaista aset-telua kuviin luodaan syvyyttä ja mielenkiintoisia yksityiskohtia.
Kuviin saadaan uudenlaista jännitettä yhdistele-mällä tekstiä ja kuvia ei-itsestään selvällä tavalla.
BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 23
Graafinen ohjeistoversiotV 1.0 - 6.9.2018V 1.2 - 13.9.2018
V 2 - 21.9.2018