HSL - Helsingin seudun liikenne Mainonnan ilme 2019 1.0 26.09.2018
TUNNUS 2
Tunnus HSL / Graafinen Ohjeisto Johdanto Minimikorkeus 5 mm HSL:n tunnus on muotoiltu yhtenäiseksi kokonaisuudeksi, jonka muotoa tai mitta suhteita ei saa muuttaa. Tunnuksesta on olemassa erimuotoisia versioita erilaisiin käyttötilanteisiin, joista ensisijaisesti käytetään tunnuksen vaakaversiota. Tunnuksen eri versiot löytyvät aineistopankista, joka sijaitsee osoitteessa http:// aineistopankki.hsl.fi. Tunnus tulee noutaa kaikkiin käyttötarpeisiin näistä sähköisistä originaaleista. 3
HSL:n tunnus HSL:n tunnus asemoidaan aina vasemmalle, ensisijaisesti alareunaan. HSL / Mainonnan ilme Tunnus 4
PYSTY VAAKA Tunnus ja slogan HSL / Graafinen Ohjeisto Tunnus HSL:n tunnus+slogan -yhdistelmälle on kaksi erilaista käyttötapaa. Pääsääntöisesti käytetään vasemmalle tasattua yhdistelmää, jossa tunnus ja slogan ovat peräkkäin. Nämä asemoidaan aina vasempaan ylä- tai alkulmaan tunnuksen suoja-aluetta kunnioittaen. Keskitettyä versiota käytetään vain silloin kuin layoutissa ei ole mitään muuta graafista elementtiä mukana (esim. tv-mainoksen lopetuskuva). 5
Parhaat matkat tehdään yhdessä Parhaat matkat tehdään yhdessä Tunnus ja slogan, vaakaversio HSL / Mainonnan ilme Tunnus Pääsääntöisesti käytetään vasemmalle tasattua yhdistelmää, jossa tunnus ja slogan ovat korkeussuunnassa keskitettyinä. Tunnus asemoidaan vasempaan ylä- tai alakulmaan noudattaen tunnuksen suoja-aluetta, ja slogan oikealle tasattuna. 6
Tunnus ja slogan, pystyversio HSL / Mainonnan ilme Tunnus Vaihtoehtoisesti sivun keskellä voidaan käyttää versiota, jossa tunnus ja slogan ovat päällekkäin keskitettynä. Keskitettyä versiota käytetään vain silloin kuin layoutissa ei ole mitään muuta graafista elementtiä mukana (esim. tv-mainoksen lopetuskuva). 7
VÄRI 8
HSL Bussin sininen Pantone 3005 C100, M32, Y0, K0 R0, G122, B201 HTML 007AC9 HSL Raitiovaunun vihreä Pantone 340 C100, M0, Y85, K0 R0, G152, B95 HTML 00985F HSL Lähijunan violetti Pantone 7649 C43, M90, Y0, K10 R140, G71, B153 HTML 8C4799 HSL Metro oranssi Pantone 165 C0, M78, Y100, K0 R255, G99, B25 HTML FF6319 HSL Pikaratikka turkoosi Pantone 326C C84, M0, Y38, K0 R0, G178, B169 HTML 00B2A9 HSL Lautan sininen Pantone 306 C76, M0, Y5, K0 R0, G185, B228 HTML 00B9E4 HSL pinkki Pantone 223 C1, M50, Y0, K0 R240, G146, B205 HTML F092CD HSL Vaaleanvihreä Pantone 360 C65, M0, Y100, K0 R100, G190, B30 HTML 64BE1E Väriarvot HSL / Mainonnan ilme Väri 9
HSL Vaalennettu Lautan sininen 20% Pantone 306 / Pantone 290 C23, M1, Y0, K0 R190, G228, B248 HTML BEE4F8 HSL Vaalennettu pinkki 25 % Pantone 223 / Pantone 7436 C2, M14, Y0, K0 R244, G222, B234 HTML F4DEEA HSL Vaalennettu vihreä Pantone 367 C65, M0, Y100, K0 R100, G190, B20 HTML D0E6BD Huomiokeltainen C0, M10, Y100, K0 R254, G209, B0 HTML FED100 HSL Varoituspunainen C0, M97, Y46, K0 R220, G4, B81 HTML DC0451 HSL Tekstiharmaa K 80% R20, G20, B20 HTML 333333 HSL Tumma harmaa K 60% R38, G38, B39 HTML 616365 HSL keskiharmaa K 40% R102, G102, B102 HTML 666666 HSL vaalea harmaa K 10% R221, G222, B220 HTML dddddc Väriarvot HSL / Mainonnan ilme Väri 10
TYPOGRAFIA 11
MEDIUM / BOLD Gotham XNarrow Gotham XNarrow puhuu vapaa muotoisesti ja ytimekkäästi, joskus jopa puhekielellä. XNarrown muodot ovat kovia ja raskaita, jota tasapainotetaan kevyellä ja pehmeällä sisällöllä ja yhdistämällä Gotham Roundediin. Gotham XNarrow Mainonnassa käytetään otsikko- ja väliotsikoissa sekä korosteena Gotham XNarrow -kirjasinta. HSL / Graafinen Ohjeisto Johdanto 12
BOOK / MEDIUM Gotham Rounded Gotham Rounded on HSL:n ensisijainen kirjasintyyppi. Sitä käytetään logon lisäksi suurimmassa osassa tekstisisältöjä. Se puhuu suoraviivaisesti ja selkeästi. Gotham Roundedilla kirjoitettuna virkamiesmäisetkin sisällöt muuttuvat kevyiksi ja pehmeiksi. Gotham Rounded HSL / Graafinen Ohjeisto Johdanto Pidemmissä leipäteksteissä voidaan käyttää Gotham Rounded -kirjasinta. GothamRounded on leveä kirjasin, joka vaatii kauniisti tavuttuakseen leveän palstan. Liiallisen tavutuksen ja venähtäneiden sanavälien välttämiseksi kannattaa palstoissa käyttää vasemmalle tasattua liehua. 13
Pääotsikkoissa Gotham XNarrow Medium 56/56pt Väliotsikoissa ja ingressiteksteissä Gotham XNarrow Medium 30/32pt Leipäteksteissä Gotham Rounded 16/20pt. Exisimodio idenien daestem rem ea volu pta cum inihillupta sed maximin umenimi nihitia veliquas ex eum hicimi, nitatem untia volorer uptatis molorepraex est dolor. Typografisia ohjearvoja tekstin muotoiluun. HSL / Graafinen Ohjeisto Johdanto Gotham XNarrow Medium 22/22pt 14
30 vrk alk. 48 (54,70 ) 30 vrk alk. 48 (54,70 ) 30 vrk alk. 48 (54,70 ) 30 vrk alk. 48 (54,70 ) Tarjousten korostaminen HSL / Mainonnan ilme Typografia 15
VIESTINTÄ JA MARKKINOINTI 16
Parhaat matkat tehdään yhdessä. Parhaat matkat tehdään yhdessä. A Kauppatori B Lasipalatsi A Kauppatori B Lasipalatsi Graafinen ilme markkinointiviestinnässä Mainonnan ilme ilman marginaaleja ja kulmien pyöristyksiä. HSL / Mainonnan ilme Sovellusmalleja 17
Keskity maisemiin vaihda matkakortti huolettomaan mobiiliin. HSL-sovelluksessa kertaja vuorokausiliput, 30 vrk kausilippu sekä Reittiopas ja sinulle räätälöidyt uutiset. Keskity maisemiin vaihda matkakortti huolettomaan mobiiliin. HSL-sovelluksessa kerta- ja vuorokausiliput, 30 vrk kausilippu sekä Reittiopas ja sinulle räätälöidyt uutiset. Parhaat matkat tehdään yhdessä Parhaat matkat tehdään yhdessä Graafinen ilme markkinointiviestinnässä HSL / Mainonnan ilme Sovellusmalleja 18
19
TAKTINEN / INFORMATIIVINEN VIESTINTÄ 20
Sesongin muotiväri on täällä. Metron kahdeksan uutta asemaa odottavat sinua. Sesongin uotiväri on täällä. Metron kahdeksan uutta asemaa odottavat sinua. Parhaat matkat tehdään yhdessä Parhaat matkat tehdään yhdessä Taktinen viestintä HSL / Mainonnan ilme Sovellusmalleja Välimuotona markkinointiviestinnän ja puhtaan matkustajainformaation välillä on erikoisluokka julisteita, joiden on tarkotus viestiä selkeästi ja aikaa kestävällä tavalla HSL:n palveluista. Uusia tunnuksia ei luoda mainoskampanjoita varten, mutta HSL:n muotokieltä noudattaen voi tehdä kampanjalle ominaisen graafisen kuvituksen. 21
Ota käyttöösi kaupunkipyörä. Katso, mistä sellaisen löydät hsl.fi/kaupunkipyörät Ota käyttöösi kaupunkipyörä. hsl.fi/kaupunkipyörät Parhaat matkat tehdään yhdessä Parhaat matkat tehdään yhdessä Taktinen viestintä HSL / Mainonnan ilme Sovellusmalleja 22
23
Lisätietoja Jarno Ekström jarno.ekstrom@hsl.fi +358 (0) 40 140 8146 Helsingin seudun liikenne kuntayhtymä HSL PL 100, Opastinsilta 6 A, 00077 HSL