GRAAFINEN OHJEISTO. 01 BRÄNDIKONSEPTI 02 BRÄNDI-IDENTITEETTI 03 BRÄNDI-ILME Tampere.Finland Brändikirja 2018 // 1

Transkriptio

1 GRAAFINEN OHJEISTO 01 BRÄNDIKONSEPTI 02 BRÄNDI-IDENTITEETTI 03 BRÄNDI-ILME Tampere.Finland Brändikirja 2018 // 1

2 JOHDANTO Tampereen tekijänä olet avainasemassa Tampereen tarinan kertomisessa. Inhimilliset kohtaamiset, ympäristöystävälliset toimintatavat 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. SISÄLLYSLUETTELO VISUAALINEN ILME Tunnus Vaakunalogo Värit Typografia Grafiikka Kuvat

3 Tampere.Finland-tunnus ja vaakunalogo toimivat jatkossa yhdessä. Vaakunalogo on kuitenkin aina kaupungin allekirjoitus, jonka on oltava näkyvillä kaikessa kaupungin toiminnassa. Tampere.Finland-tunnus on tamperelaisten yhteinen. Se on vapaasti kaikkien käytettävissä. Tunnus 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 tiilenpunaisella. Sinisellä kirjoitettu Finland-sana korostaa Tampereen suomalaisuutta ja veden merkitystä järvien ja Tammerkosken kaupungissa. Piste kertoo Tampereen paikasta Suomessa ja maailmalla. 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 // 3

4 Tunnuksen suoja-alue Tunnuksen suoja-alue Tampere.Finland-tunnukselle on määritelty suojaalueet (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 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ä. 15 mm / 80 px Tunnuksen osia ei tule irrottaa tai asetella toisin kuin on ohjeistettu. BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 4

5 Tunnuksen väritys LIGHT WARM RED TIILENPUNAINEN PANTONE: 178 C CMYK: 0/ 75/ 60/ 0 RGB: 235/ 94/ 88 HEX: #ce5e58 LIGHT BLUE KOTI PANTONE: 638 C CMYK: 86/ 2/ 9/ 0 RGB: 57/ 167/ 215 HEX: #39a7d7 MUSTA 90% PANTONE: Process Black C 90% CMYK: 0/ 0/ 0/ 90 RGB: 63/ 62/ 62 HEX: #3f3e3e MUSTA 70% PANTONE: Process Black C 70% CMYK: 0/ 0/ 0/ 70 RGB: 111/ 111/ 110 HEX: #6f6f6e Tunnuksen väritys ja käyttö 1. Värillinen tunnus valkoisella taustalla 2. Värillinen tunnus vaalealla väritaustalla 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) BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 5

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 toimintaan 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 englanninkielinen 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 // 6

7 Tunnuksen suoja-alue 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 vaakunasta on T-kirjaimen leveys. Logon osia ei tule irrottaa tai asetella toisin kuin on ohjeistettu. 2 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ää. 1 BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 7

8 Esimerkkejä tunnuksen ja logon yhteiskäytöstä Tunnus ja vaakunalogo yhdessä KOTI TAMPERE. Vaakunalogoa ja tunnusta voidaan käyttää materiaaleissa 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. Lorem ipsum dolupta pe velitianturion sequistrum fuga. Itatur, que eium faciduntem. Lorem ipsum dolupta pe velitianturion sequistrum fuga. Itatur, que eium faciduntem. Vieressä muutama esimerkki tunnuksen ja vaakunalogon käytöstä. #tampere #finland #tampere #finland BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 8

9 VÄRIT BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 9

10 1. PÄÄVÄRIRYHMÄ WARM RED TUNNELMA 1. LISÄVÄRIRYHMÄ DARK WARM RED TUMMA TIILENPUNAINEN LIGHT WARM RED TIILENPUNAINEN BERRY RED MARJAN- PUNAINEN PINK MUUTOS LILAC VIOLET LILA VIOLETTI DARK BLUE TYÖ DARK WATER SMOG BLUE TUMMA VESI USVA Värit Brändin värit on nimetty niiden muistamisen helpottamiseksi. Kaikkia väripaletin värejä saa käyttää minkä tahansa aiheen kanssa. Tampereen väripaletissa 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- 2. PÄÄVÄRIRYHMÄ LIGHT BLUE GREEN YELLOW 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ä. KOTI KOKEMUS IDEA ESIMERKKI 1 PERUSVÄRIT PÄÄVÄRI LISÄVÄRIT 2. LISÄVÄRIRYHMÄ GREY BLUE AQUA BLUE PINE GREEN LIGHT PETROL DARK YELLOW LIGHT YELLOW UNI VEDENSININEN HAVUNVIHREÄ VAALEA PETROOLI PAAHDE HÄIVE ESIMERKKI 2 ESIMERKKI 3 PÄÄVÄRI LISÄVÄRIT LISÄVÄRI = PÄÄVÄRI PERUSVÄRIT LIGHT BLUE GREY BLUE GREY LIGHT COOL GREY DARK COOL GREY VAALEA SINIHARMAA SINIHARMAA VAALEANHARMAA TUMMANHARMAA BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 10

11 PMS Pantone Color Bridge Coated PÄÄVÄRIT PANTONE: 1788 C CMYK: 0/ 87/ 80/ 0 RGB: 200/ 62/ 54 HEX: #c83e36 PANTONE: 198 C CMYK: 0/ 83/ 36/ 0 RGB: 203/ 74/ 108 HEX: #cb4a6c PANTONE: 293 C CMYK: 98/ 65/ 0/ 6 RGB: 41/ 84/ 154 HEX: #29549a WARM RED TUNNELMA PINK MUUTOS DARK BLUE TYÖ LISÄVÄRIT DARK WARM RED LIGHT WARM RED BERRY RED LILAC VIOLET DARK WATER SMOG BLUE TUMMA TIILENPUNAINEN TIILENPUNAINEN MARJANPUNAINEN LILA VIOLETTI TUMMA VESI USVA PANTONE: 1797 C CMYK: 16/ 100/ 100/ 0 RGB: 174/ 30/ 32 HEX: #ae1e20 PANTONE: 178 C CMYK: 0/ 75/ 60/ 0 RGB: 235/ 94/ 88 HEX: #eb5e58 PANTONE: 7425 C CMYK: 20/ 90/ 40/ 0 RGB: 173/ 57/ 99 HEX: #ad3963 PANTONE: 7676 C CMYK: 62/ 67/ 2/ 0 RGB: 115/ 97/ 162 HEX: #7361a2 PANTONE: 294 C CMYK: 100/ 70/ 7/ 25 RGB: 0/ 65/ 125 HEX: #00417d PANTONE: 279 C CMYK: 70/ 35/ 0/ 0 RGB: 102/ 142/ 201 HEX: #668ec9 BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 11

12 PMS Pantone Color Bridge Coated PÄÄVÄRIT PANTONE: 638 C CMYK: 86/ 2/ 9/ 0 RGB: 57/ 167/ 215 HEX: #39a7d7 PANTONE: 367 C CMYK: 45/ 0/ 70/ 0 RGB: 171/ 200/ 114 HEX: #abc872 PANTONE: 123 C CMYK: 0/ 17/ 87/ 0 RGB: 244/ 210/ 64 HEX: #f4d240 LIGHT BLUE KOTI GREEN KOKEMUS YELLOW IDEA LISÄVÄRIT GREY BLUE AQUA BLUE PINE GREEN LIGHT PETROL AMARILLO YELLOW LIGHT YELLOW UNI VEDENSININEN HAVUNVIHREÄ VAALEA PETROOLI PAAHDE HÄIVE PANTONE: 7459 C CMYK: 70/ 0/ 0/ 30 RGB: 83/ 144/ 181 HEX: #5390b5 PANTONE: 305 C CMYK: 55/ 0/ 5/ 0 RGB: 145/ 201/ 234 HEX: #91c9ea PANTONE: 323 C CMYK: 85/ 12/ 53/ 35 RGB: 57/ 115/ 104 HEX: # PANTONE: 7465 C CMYK: 58/ 0/ 36/ 0 RGB: 140/ 193/ 179 HEX: #8cc1b3 PANTONE: 1365 C CMYK: 0/ 34/ 76/ 0 RGB: 232/ 180/ 85 HEX: #e8b455 PANTONE: 134 C CMYK: 0/ 12/ 64/ 0 RGB: 248/ 222/ 121 HEX: #f8de79 BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 12

13 PMS Pantone Color Bridge Coated PERUSVÄRIT PANTONE: Cool Grey 4 C CMYK: 12/ 8/ 9/ 23 RGB: 190/ 191/ 191 HEX: #bebfbf LIGHT COOL GREY VAALEANHARMAA PANTONE: Cool Grey 10 C CMYK: 0/ 0/ 0/ 80 RGB: 88/ 88/ 87 HEX: # DARK COOL GREY TUMMANHARMAA Perusvärit Perusvärit luovat tasapainoa väripalettiin ja niitä voidaan käyttää vapaasti taustaväreinä, rauhoittavina osioina tai yksityiskohtina. PANTONE: 642 C CMYK: 13/ 2/ 1/ 1 RGB: 229/ 238/ 248 HEX: #e5eef8 PANTONE: 5445 C CMYK: 21/ 5/ 4/ 8 RGB: 202/ 214/ 226 HEX: #cad6e2 LIGHT BLUE GREY VAALEA SINIHARMAA BLUE GREY SINIHARMAA BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 13

14 TYPOGRAFIA BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 14

15 Montserrat Hairline // Light // Regular // Bold // Black ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ?! => $ :;,.* Open Sans Light // Light Italic // Regular // Regular Italic // Semibold // Semibold Italic // Bold // Bold Italic + Condensed leikkaukset ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ?! (%)[#]{@}/&\<-+ => $ :;,.* Typografia Lataa fonttitiedostot 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äytetää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 Calibri-kirjaintyyppiä. Montserrat: Open Sans: BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 15

16 INDEKSI Montserrat Light 13 pt / 17 pt OTSIKKO Montserrat Black 40 pt / 36 pt 2. OTSIKKO Montserrat Light 22 pt / 33 pt INGRESSI Open Sans Semibold Italic 13 pt / 17 pt PIKKUOTSIKKO OTSIKKO. Vahva ja lyhyt otsikko. Ingressiteksteissä käytetään Open Sans -kirjasinperheen leikkausta kuten Semibold Italic. Cimintiam et, arum, sequae sequia veniste mporibus. Pidunti sequod et eum repediciume. Typografia HUOM! Viereiset esimerkit eivät ole ohjekokoja kaikkiin sovelluksiin, vaan toimivat tässä esimerkkeinä mallitypografian koko- ja paksuuskontrasteista. LEIPÄTEKSTI Open Sans Light/Regular 8,5 pt / 15 pt 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 repediciume 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 OTSIKKO Montserrat Black 40 pt / 36 pt OTSIKKO. NOSTO Open Sans Light Italic 11 pt / 17 pt Lyhyissä nostoteksteissä toimii Open Sans Light Italic. Se luo kontrastia ja leikkisyyttä lyhyen ja vahvan otsikon kanssa (Montserrat Black). BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 16

17 GRAFIIKKA BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 17

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 // 18

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 // 19

20 Grafiikan käyttö Tässä brändikirjassa on paljon esimerkkejä aaltoikkunagrafiikan käytöstä. K O T I TAMPERE. Lorem ipsum dolupta pe velitianturion sequistrum fuga. Itatur, que eium faciduntem. Tiettyihin sovelluksiin, kuten kirjepohjaan tai käyntikortteihin, 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. #tampere #finland BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 20

21 KUVAT BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 21

22 Kuvamaailma Tampere.Finland-brändiin yhdistetään pelkistettyjä ja itsevarmoja kuvia, joissa ihmiset tai ihmisen läsnäolo ovat keskiössä. Suosimalla erilaista asettelua kuviin luodaan syvyyttä ja mielenkiintoisia yksityiskohtia. Kuviin saadaan uudenlaista jännitettä yhdistelemällä tekstiä ja kuvia ei-itsestään selvällä tavalla. BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 22

23 Graafinen ohjeisto versiot V V V BRÄNDI-ILME Tampere.Finland Graafinen ohjeisto 2018 // 23