Tunnus mustavalkoisena

Transkriptio

1 Graafinen ohjeisto Tunnus 2 Tunnus mustavalkoisena 3 Tunnuksen organisaatiovariaatiot 4 Tunnuksen rakenne ja suojaetäisyydet 5 Värit 6 Graafinen elementti 8 Elementin käyttötapoja 9 Tunnuksen käyttö 12 Typografia 13 Vaihtoehtoinen typografia 14 A4-julkaisukansi, malli 1 15 A4-julkaisukansi, malli 2 16 A4-julkaisukansi, malli 3 17 A4-julkaisukansi, malli 3b 18 A4-julkaisupohjan sisus 19 Käyntikortti 20 A5-julkaisupohja, kansivaihtoehdot 21 A5-julkaisupohjan sisus 22 Powerpoint-pohja 23

2 Tunnus Tampereen kaupungin uusi tunnus koostuu Tampereen vaakunasta ja tekstiosasta. Teksti on ladottu Milo Pro-teksityypillä. Milo on Michael Abbinkin vuonna 2006 FontFontille suunnittelema nykyaikainen humanistinen päätteetön kirjasin, jonka pienet kaarevat yksityiskohdat tukevat Tampereen ydinsanomaa sujuva elämä ja linkittyvät graafisen elementin muotoihin. Perusmuodossaan tunnusta voidaan käyttää kahdessa eri muodossa: 1. tekstiosa oikealla muodossa Tampereen kaupunki tai 2. tekstiosa oikealla muodossa Tampere. Lisäksi käytettävissä on englanninkielinen versio. 2

3 Tunnus mustavalkoisena Mustavalkoista versiota käytetään silloin, kun koko painotuote on mustavalkoinen / harmaasävyinen. 3

4 Tunnuksen organisaatiovariaatiot Tunnus voidaan personoida yksittäisen yksikön tai hallinnonalan tunnukseksi. Tällöin yksikön nimi nostetaan esiin latomalla se vahvalla tekstityypillä (Milo Pro Bold) vaakunan viereen. Samassa yhtey dessä Tampereen kaupunki näkyy kuitenkin aina omalla tekstirivillään. Asetelma voidaan kääntää myös toisinpäin, jolloin hallin nonala on pienempänä alatunnisteena Tampereen kaupunki -tekstin alla. Näin voidaan korostaa yksikköä tai kaupunkia. 4

5 Tunnuksen rakenne ja suojaetäisyydet Eri tunnusvarioaatioilla on kaikilla sama suhteellinen turvaetäisyys, joka on yhden ison T-kirjaimen korkeuden verran kaikkiin suuntiin tunnuksen uloimmasta pisteestä. Myös tekstielementtien etäisyys vaakunasta on T-kirjaimen leveys. Graafiselle elementille ei määritellä erillistä turvaetäisyyttä, sillä sitä käytetään muiden kuva- ja graafisten elementtien päällä ja lomassa. Tunnusta ei pidä ikinä latoa itse, vaan tulee aina käyttää valmiita tunnustiedostoja. 5

6 Värit 20 % 40 % 60 % 80 % Tampere yellow PMS 123C M30 Y95 R251 G186 B0 #fbba00 Käytettävissä värit ovat keltainen, punainen, sininenja vihreä. Keltainen ja punainen yhdistyvät suoraan Tampereen vaakunaan, mutta toisaalta myös punatiiliseen kulttuurimaisemaan. Ne viittaavat myös dynaamiseen, tietoteollisuuden ja kulttuurin aurinkoiseen kaupunkiseutuun. 20 % Tampere red PMS 179C M79 Y100 11K R213 G75 B11 #d54b0b Sininen väri tuo rauhallisuutta väripalettiin ja viittaa kaupungin upeaan sijaintiin suurten järvien yhtymäkohdassa. Vihreä kertoo luonnonläheisyydestä sekä ympäristöystävällisyydestä. 40 % 80 % Väriliut: 20 % 60 % Tampere blue PMS 300C C95 M50 Y20 R0 G107 B159 #006b9f Tampere yellow Väriliut: M10 Y70 R249 G224 B108 #f9e06c Tampere yellow 40 % 80 % Tampere red M90 Y100 30K R176 G43 B8 #b02b08 60 % Väriliut: 20 % Tampere green PMS 369C C70 M20 Y100 R92 G152 B51 #5c9833 Väriliut: Tampere blue M100 M60 Y15 K40 R26 G67 B107 #1a436b 40 % 60 % 80 % RGB-väriarvot ovat srgb-arvoja verkkokäyttöön. Tampere green C53 M9 Y100 K42 R105 G123 B41 #697b29 6

7 K 10 % Tampere gray K50 R155 G155 B155 #9c9b9b Päävärien lisäksi on määritelty harmaasävyt, joilla graafinen elementti voidaan toistaa harmaasävytuotteissa, kuten mv-laser-tulostuspohjissa. K 20 % K 40 % K 30 % Väriliut: Tampere gray K70 R110 G110 B110 #6e6e6e 7

8 Graafinen elementti Graafinen elementti kuvastaa Tammerkosken rantojen historial lisia tiilirakennuksia modernilla tavalla. Elementissä on nähtävissä veden pinnasta heijastuvat ikkunarivistöt sekä Tammerkosken kuohut. Elementtiä voidaan käyttää kuvituksen ohella elävöittämässä niin painettua kuin sähköistäkin markkinointiviestintää. Graafista elementtiä voidaan käyttää kaikissa tunnusväreissä, näiden väriliukuversioissa, sekä yksivärisenä (esim. brodeerauksissa ja leimasimissa) ja harmaasävyisenä. Siitä voidaan myös rakentaa erilaisia tekstuureja tunnistettavaksi ja monipuoliseksi kuvitukseksi. Lisäksi elementtiä voidaan käyttää pelkkänä ääriviivana. 8

9 Elementin käyttötapoja Lorem ipsum dolores Lorem ipsum dolores Palveluhakemisto Graafista elementtiä voi käyttää yksinään eri kokoisina ja eri rajauksissa. Tulee kuitenkin varmistaa, että elementistä näkyy aina ainakin osittain kuuden ikkunan kokonaisuus. Elementin lainemaista ulkomuotoa voidaan käyttää rajaamaan kuva-alueita, jolloin sama visuaalinen henki välittyyy ilman varsinaista graafista elementtiäkin. 9

10 Palveluhakemisto Palveluhakemisto Tampereen kaupunki Palveluhakemisto Palveluhakemisto Graafisesta elementistä koostettuja tekstuureja. Eri värejä voidaan yhdistellä toisiinsa tai käyttää vain yhtä väriä. Näin voidaan luoda vaihtelua ja mielenkiintoa esim. julkaisusarjojen kansiin tai muihin toistuviin visuaalisiin tuotteisiin. 10

11 LOREM IPSUM Graafista elementtiä voidaan käyttää myös luovemmin ääriviivana, jolloin visuaalinen vaikutelma on keveämpi. Lorem ipsum dolores Ääriviiva kuvan päällä luo vesileimamaisen tunnelman, jolloin kuva säilyy tärkeimpänä elementtinä, mutta graafinen elementtikin on vahvasti läsnä. LoreRe secabor erumet andaecto comnimpor alibusdant prerum volo te consecuptam, sinveliquis es vellaborem experit autam ut idi con conseque etus aut recaepe alit am reicide llitatum sitatem ad quam quisim quos doluptinum accae. Itat optatem sequid magnis ipsam, iunt elentem porrovi delenempore, evelenda cusam quos et adit, earcipit prenducilia diatis sitio quam quas est, con porecerovit quist, corene excepudae labo. Nequam que aut ipsum nosanihitia cus doleste. Hendio int latem que dem. Ut od moditas as velit, con ne pro bernate verovitatur autes et abo. Es seceper umetum inimil enist omnihilitas rerro iunt fugiand anihil molorit harum, sitibus. Um hariber aturem quatqui blantem postis poreptat maio. Lecabo. Mendae excerum nis Tasaisella väripinnalla ääriviivana käytettynä elementti luo graafisen ja hivenen rauhallisemman tunnelman. 11

12 Tunnuksen käyttö OK Tunnuksesta käytetään normaalisti vain positiiviversiota. Tunnusta ei pidä sijoittaa liian tummalle taustalle, jota vasten teksti ei erotu tarpeeksi hyvin. EI EI Taustaan tulee säilyttää riittävä kontrasti myös valokuva tai tekstuuritaustalla. Logon muotoja tai sen osien etäisyyksiä toisistaan ei pidä muuttaa millään lailla. OK Tampereen kaupunki EI 12

13 Typografia SUJUVA ELÄMÄ Milo Pro Bold Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero Milo Pro Text Sujuva elämä Tampereella Milo Pro Extra Light Italic & Milo Pro Black Italic Painotuotteiden otsikoissa ja päätteettömänä leipätekstityyppinä käytetään Milo Pro -kirjasimen Bold ja Text -leikkauksia. Milo on Michael Abbinkin vuonna 2006 FontFontille suunnittelema nykyaikainen humanistinen päätteetön kirjasin, jonka pienet kaarevat yksityiskohdat tukevat Tampereen ydinsanomaa sujuva elämä ja linkittyvät graafisen elementin muotoihin. Milo on nykyaikainen olematta liian erikoinen, joten se kestää aikaa ja monenlaisia viestintätilanteita. Rauhallisuudestaan huolimatta Milolla saa aikaan revittelevämpääkin typografiaa, etenkin ohuimmilla ja paksuimmilla kursiivileikkauksilla. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor. Milo Serif Pro Text Leipätekstinä voidaan vaihtoehtoisesti etenkin pitkissä teksteissä (lehdet, kirjat, julkaisu sarjat) käyttää Milon päätteellistä versiota Milo Serif Pro Text. Saman kirjasinperheen jäsenenä se istuu saumattomasti otsikkokirjaisimen kanssa yhteen luoden erittäin tasapainoisen kokonaisuuden. 13

14 Vaihtoehtoinen typografia SUJUVA ELÄMÄ Lucida Grande / Lucida Sans Unicode Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut Arial Verkkosivuilla ja muissa digitaalisissa tuotteissa Milofonttia voidaan käyttää otsikoissa fontinkorvaustekniikoilla, mikäli se nähdään teknisesti järkeväksi. Muussa tapauksessa käytetään standardifontteja, joilla on erittäin laaja tuki eri käyttöjärjestelmissä ja laitealustoilla. Standardiverkkokirjasin otsikoissa on Lucida (määritellään vaihtoehdoiksi Lucida Grande ja Lucida Sans Unicode mahdollisimman laajan Win/ Mac yhteensopivuuden saavuttamiseksi). Leipätekstissä käytetään Arialia sen hyvän luettavuuden ja käytännössä täydellisen laitteistotuen vuoksi. HUOM! Tätä samaa typografiaa käytetään myös Powerpointesityksissä, jotta vältetään eri laitteiden väliset epäyhteensopivuudet. HUOM 2! Vaihtoehtoinen typografia on käytettävissä myös painotuotteissa. Sitä käytetään jos Milo-fonttia ei ole käytössä. 14

15 A4-julkaisukansi, malli 1 Talousarvio 2011 Taloussuunnitelma Kansimallissa 1 käytetään värillistä elementtiä yhdessä vaakarajatun kuvan kanssa. Kannesta on käytössä kaikki eri tunnusvärivaihtoehdot: punainen, sininen ja vihreä yhdistettynä keltaiseen, sekä erillinen harmaasävyversio, 15

16 A4-julkaisukansi, malli 2 Talousarvio 2011 Taloussuunnitelma

17 A4-julkaisukansi, malli 3 Talousarvio 2011 Taloussuunnitelma

18 A4-julkaisukansi, malli 3b Talousarvio 2011 Taloussuunnitelma Kansimalli 3b on tarkoitettu tuotteisiin, jotka ovat ensisijaisesti kaupungin hallinnon, ei jonkin alayksikön viestintää, esim. talousarvion taittopohjaksi. 18

19 A4-julkaisupohjan sisus Julkaisupohjalle on määritelty formaatti, tekstityylit, taulukkotyylit ja sisällysluettelotyylit. Pohja on luotu sekä Milo-, että Arial -typografioille. 19

20 Käyntikortti Kortin koko on hivenen standardista poikkeava 85 mm 56 mm, mikä erottaa kortin massasta. Lisäksi kortin 2 mm pyöristys kulmissa luo yhteyden visuaalisen elementin muotojen, sekä Sujuva elämä -tunnuslauseen kanssa. Aila Rajamäki Viestintäpäällikkö YTM Tampereen kaupunki, viestintäyksikkö Aleksis Kiven katu C PL 487, Tampere Puh aila.rajamaki@tampere.fi 20

21 A5-julkaisupohja, kansivaihtoehdot Kanteen on valittavissa mikä tahansa Tampereen kaupungin tunnusväreistä. Toisessa versiossa on valokuva-aihe, toisessa kantta koristaa visuaalinen elementti. Kannen kuva: Etunimi Sukunimi Geriatrisen ja gerontologisen hoidon tuotanto Hyväksytty laitoshoidon johtokunnassa < yhteystiedot > < yhteystiedot > < yhteystiedot > < yhteystiedot > < yhteystiedot > Kannen kuva: Etunimi Sukunimi Geriatrisen ja gerontologisen hoidon tuotanto Hyväksytty laitoshoidon johtokunnassa

22 A5-julkaisupohjan sisus Sisus Milo-fonttia käyttäen. Sisus vaihtoehtoista Arial / Lucida Grande-fonttia käyttäen. 22

23 Powerpoint-pohja Powerpoint-pohja on tehty mukautumaan erilaisiin kommunikointitarpeisiin. Käytettävänä on visuaalisempia ja pelkistetympiä diapohjia, sekä eri variaatiot tunnusväreistä. 23