BRÄNDIOHJEISTO VERSIO 2.0/

Samankaltaiset tiedostot
Tiera Kokouskutsu 1 (8) Rel lautakunta Aika , klo 15:00. Käsiteltävät asiat. 1 Kokouksen laillisuus ja päätösvaltaisuus

Hollolan kunta. graafinen ohjeistus 6/2015

Tiera Pöytäkirja 6/ (7) Testilautakunta Aika , klo 22:49-22:52. Käsitellyt asiat

AP KIINTEISTÖPALVELUT

Graafinen ohjeisto. Muuttuva Museo. Mainostoimisto Bock s Office Oy

Sisältö. Tunnus 3 Tunnuksen käyttötapoja 4 Värit 5 Typografia - Verkossa 6 Typografia - Printissä 7

Graafinen ohjeistus. Pienikin iskussa

Liikemerkin suoja-alue

Tervetuloa kotiin! Jalasjärvi

Oma ilme. Mika Hatanpää kaupunginsihteeri

Kirkkonummen kunta. Graafinen ohjeisto

Hyväksytty kaupunginhallituksessa xx.xx.2010

SISÄLTÖ. Johdanto. Logo. Merkki. Värit. Typografia. Käyntikortti. Kirjekuoret. Kirjelomake. Presentaatio. Ilmoitukset

Xamk Brändi-identiteetti. Copyright Mainostoimisto Ilme 2016

PK-PRO. Graafinen ohjeisto. Tunnukset voit ladata:

Logo 2

Graafiset ohjeet. värit tunnus ja logo muodot typografia

Palvelutaloyhdistyksen Graafinen ohjeisto

KEUDAN GRAAFINEN OHJEISTO 2018

Graafi nen ohjeisto 1.0 JELPPIS.COM

GRAAFINEN OHJEISTO. Euroopan unioni Euroopan aluekehitysrahasto maaseuturahasto

Pieni suuri kaupunki. GRAAFINEN OHJEISTO KERAVAN KAUPUNKI 2017

SISÄLLYSLUETTELO

Logo Värimaailma Typografia Graafiset elementit

KUVA SOITTOKUNNASTA. KOKO 460x260px. KESKIPALSTA LEV.620px. Eurajoen Nuorisosoittokunta, Kaharin osoite Design by Sari Nieminen

Tunnus 5. Tunnuksen perusversio. Tunnuksen suoja-alue on sama kuin tekstin korkeus. Tunnus Aluksi

GRAAFINEN OHJEISTO 11/2014

HANHIKIVI 1 GRAAFINEN OHJEISTO

Visuaalinen identiteetti kattaa Paytrailin verkko- ja painotuoteviestinnän olennaiset elementit. Sen avulla varmistetaan, että brändin identiteetti


NURMEKSEN KAUPUNKI Graafinen ohjeisto

Sisällys. 112 ilmeen ideologia. Graafisesta ohjeesta

GRAAFINEN OHJEISTUS 1.0

Päivitetty Graafinen ohjeisto SUOMEN EKONOMILIITTO FINLANDS 1 EKONOMFÖRBUND SEFE RY

Graafinen ohjeistus. Suomen evankelisluterilainen kirkko ja seurakunnat SUOMEN EV.LUT. KIRKKO

9=1 GRAAFINEN OHJEISTO

Imatran kaupunki. Graafinen ohjeisto

Otsikko otsikko otsikko otsikko

Esipuhe. Sisältö: 6 Esimerkkisovelluksia SUOMEN RATSASTAJAINLIITTO RY FINLANDS RYTTARFÖRBUND RF

Paikallisen nuorisoseuran. graafinen ohjeisto. Mikä on graafinen ohjeisto ja sisällys

graafinen ohjeisto v

Graafinen ohjeisto Kuvitus: J. Sibelius Finlandia

1. LOGO 2. VÄRIT 3. GRAAFINEN MUOTOKIELI 4. TYPOGRAFIA 5. VALOKUVAT 6. SOVELLUSESIMERKKEJÄ

Paltamon kunnan markkinointiviestinnän. Luonnos design Little Red House / Jukka Laukkanen

BRÄNDIKIRJA. Toukokuu

Vaadin Bugrap. User Interface Wireframes. Hannu SALONEN Vaadin Ltd.

HKL:N UUSI ILME. kuin kehittämis- ja investointihankkeissa.

INVESTOINTI- JA TOIMITILAMARKKINAKATSAUS Päijät-Häme Arviointitoimisto Oy. Mikko Helenius & Co

EURAN KUNTA GRAAFINEN OHJEISTO EURAN KUNTA GRAAFINEN OHJEISTO

Taimi. Elinvoimaa luonnosta. Suuri teemanumero TEKEVÄT MÄKIVETOJA LEHMÄT VERTAILUSSA K-CITYMARKET PRISMA LIDL KOKEILE UUSIMMAT MEHURESEPTIT

Peerage of Science ja vapaa vertaisarviointi. FT Nina Pekkala Tieteen julkisuus -seminaari

KALAJOKI VIIDEN TÄHDEN ELÄMÄÄ. Graafinen ohjeisto

1 1 Graafinen ohjeisto viheroksa_ohjeisto.indd 1 3/30/ :56:44 AM

Yritystalo BusinessLohja

GRAAFINEN OHJEISTO 2013

Graafinen ohjeistus. Suomen evankelis-luterilainen kirkko ja seurakunnat SUOMEN EV.LUT. KIRKKO

Praesent feugiat sapien aliquet odio. Integer vitae justo. Aliquam vestibulum fringilla lorem. Sed neque lectus, consectetuer at, consectetuer sed,

Graafinen ohjeisto. Suomen Nuorisoseurojen Liitto ry, Kalevan Nuorten Liitto ry

MERKKI JA LOGO. Kemijärvi-tunnus ja logo. Logon ilmeen taustalla

Suostumuskoodi. Osakehuoneistorekisteri ASREK-projekti

#näkemystehdas. Sisällöntuotanto on myynti- ja markkinointikoneiston

EURAJOEN KUNTA GRAAFINEN OHJEISTO

Graafinen ohje Työelämä hanke

Suomen Nuorisoseurat. Ohjeistoon tulee tarpeen mukaan lisäyksiä ja päivityksiä

Pyhäjoella virtaa! Graafinen ohjeisto. 1 Lisätietoja: WTF Design Oy

POHJOIS-POHJANMAAN LIITTO Council of Oulu Region GRAAFINEN OHJEISTO

Graafinen ohjeisto

Kirkkonummen kunta. Graafinen ohjeisto 2012

Lapin yliopiston ilmoitusmalli ja ohjeistus.

Värit. Punainen Pantone: 179 CMYK: 0C 90M 80Y 0K RGB: 199R 55G 53B Hex: #C73735

Suomen Yliopistokiinteistöt Oy

Turun kauppatieteiden ylioppilaat ry GraaFinen ohjeistus versio 1.0

PÄIvItÄ MaAsEuTuSi. Kampanjaohje Euroopan maaseudun kehittämisen maatalousrahasto: Eurooppa investoi maaseutualueisiin

Tunnus. Tiedosto: 4ctunnus.eps

Kanta-palvelut. Graafinen ohjeisto

Vaadin Bugrap. User Interface Wireframes. Hannu Salonen Vaadin Ltd.

ESIPUHE. Graafisen ohjeiston peruselementit ovat: Kelmun tunnuskuva Kuvamaailma Typografia Tuotteet

Pyhäjoella virtaa! Graafinen ohjeisto. 1 Lisätietoja: WTF Design Oy

TEKNOWAREN TURVAVALAISTUSJÄRJESTELMIEN AFTER SALES -PALVELUT

OULUN YLIOPISTO - GRAAFINEN OHJEISTO

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 12/2018

VÄYLÄVIRASTO GRAAFINEN OHJEISTO 10/2018

weela.net graafinen ohjeisto

Forssan kaupunki. graafinen ohjeisto

Työnhaun ABC Tervetuloa! Työnhakuveturi Satu Myller, Nina Juhava ja Katri Hyvärinen

HATTULAN KUNNAN GRAAFINEN OHJEISTUS 2019

VIESTINTÄ. Etiäinen * SUUNNITELMA 2018 KYMENLAAKSON KOULUTUSTARPEIDEN ENNAKOINTI

SUOMEN VOIMISTELULIITTO GRAAFINEN OHJEISTO

Graafinen ohjeisto. v.1.0.

PÄIVITETTY LUOMUN BRÄNDIOPAS

GRAAFINEN OHJEISTO

Graafinen ohjeisto. Mainostoimisto Bock's Office Oy VAASANSEUDUN KEHITYS OY VASAREGIONENS UTVECKLING AB VAASA REGION DEVELOPMENT COMPANY

Sisällys. 1 Tunnus 4. 2 Käyttöehdot 5. 3 Värit 6. 4 Typografi a 7. 5 Sovellukset 8.

Seuratunnus - Käyttötavat

OULUN YLIOPISTO - GRAAFINEN OHJEISTO

UNISON COFFEE - GRAAFINEN OHJEISTUS

GRAAFINEN MANUAALI.

Keravan kaupunki. :: graafinen ohjeisto

LOPPURAPORTTI. EASTWOOD 2014, puutuotealan ja puurakentamisen kasvu- ja kehitysohjelma Miktech Oy

Transkriptio:

BRÄNDIOHJEISTO VERSIO 2.0/8.2.2017

ESIPUHE Hyvä Hangonsillan viestinnän tekijä, Tähän dokumenttiin on koottu Hangonsillan brändin elementit. Ohjeisto on kaikkien Hangonsillan kumppanien vapaasti käytettävissä. Ohjeisto nopeuttaa markkinointiviestinnän tuotantoa ja tehostaa Hangonsillan viestinnän erottuvuutta. Yhteisellä brändillä alueen tunnettuus nousee, mikä on kaikkien etu. 2 /26

01 PÄÄKOHDERYHMÄT JA PÄÄVIESTIT Pääkohderyhmä: Riitta ja Seppo 62 vuotta, senioripariskunta 1 Hangonsilta on toteutunut unelma elämästä, jossa on aikaa itselle. Aikasi ja rahasi eivät mene seiniin ja niiden ylläpitoon. Voit harrastaa ja toteuttaa itseäsi - kaikki kulttuuripalvelut nurkan takana. Voit aloittaa uuden, itselle omistetun elämänvaiheen. 2 3 Hangonsillassa asuminen on yksinkertaista ja helppoa. Voit muuttaa pienempään. Uudet ja modernit kodit tarkoittavat helppoa elämää. Vuoden polkupyöräilykaupungissa palveluiden ja juna-aseman vieressä voit olla ilman autoa jos haluat. Voit asettua rauhassa esteettömään asuntoon palveluiden lähelle sinun ei tarvitse enää muuttaa. Sinun ei tarvitse koskea vasaraan tai luoda lumia jos et halua. Hangonsillassa elät kasvavan rautatiekaupungin ytimessä. Hangonsilta on oikeaa luonteikasta kaupunkia, jota ei rakenneta lähiöön. Alueen kattavimmat terveyspalvelut ovat pyörämatkan päässä. Kaikki keskustan palvelut kävelymatkan päässä. Helsinkiin hetkessä ja erämaahan vartissa jos haluat. Alueella on paljon työpaikkoja. Hangosillan markkinointiin on tehty kohderyhmäkohtaiset pääviestit. Ne nojautuvat workshopeissa tehtyihin oletuksiin kohderyhmien tarpeista ja erottuvuudesta suhteessa kilpailukenttään. Käytä näitä pääviestejä omassa markkinoinnissasi vapaasti. Niiden verbaalista muotoa voi varioida tarpeen mukaan. Pääviestit on järjestetty tärkeysjärjestykseen, mutta niitä voi painottaa hieman eri tavoin eri kohderyhmille ja sovelluksesta riippuen. 3 /26

01 PÄÄKOHDERYHMÄT JA PÄÄVIESTIT Pääkohderyhmä: Tiina ja Samuli 25 35 vuotta vastavalmistunut pariskunta 1 Hangonsillassa asut radanvarren kantakaupungissa ilman Helsingin hintaa. Mahdollisuus elää kaupungin keskustassa modernissa asunnossa kaupallisten ja kulttuuripalveluiden vieressä väljästi, vähemmällä rahalla. Kaikki keskustan palvelut kävely- tai pyörämatkan päässä. Kaupunkimaisen elintason lisäksi erämaahan pääsee vartissa. Ei lähiöelämää, vaan kaupunkia, jossa on tarina. 2 Hangonsilta mahdollistaa elämäntilanteen muutokset. Hyvinkään keskustasta pääsee vaivattomasti töiden perässä koko etelä-suomeen. Monenlaisia asumismuotoja tarjolla voit vaihtaa alueen sisällä elämäntilanteen muuttuessa. 3 Hangonsillassa elämä on elämistä, ei rehkimistä varten. Hangonsilta on kaikkien palveluiden keskellä, arki sujuu. Juna-asemalle 6 min kävely, josta Helsinkiin 42 min. Hyvinkään keskustasta pääsee vaivattomasti töihin koko etelä-suomeen. Hangonsillassa voi keskittyä perheeseen, ei remonttiin. Hangonsillassa voi valita autottomuuden jos haluaa. Hangosillan markkinointiin on tehty kohderyhmäkohtaiset pääviestit. Ne nojautuvat workshopeissa tehtyihin oletuksiin kohderyhmien tarpeista ja erottuvuudesta suhteessa kilpailukenttään. Käytä näitä pääviestejä omassa markkinoinnissasi vapaasti. Niiden verbaalista muotoa voi varioida tarpeen mukaan. Pääviestit on järjestetty tärkeysjärjestykseen, mutta niitä voi painottaa hieman eri tavoin eri kohderyhmille ja sovelluksesta riippuen. 4 /26

02 SLOGAN JA KITEYTYSTEKSTI SLOGAN Plan Grotesque Stencil Std / Bold /versaali KITEYTYSTEKSTI Hyvinkään ydinkeskustaan rakentuva Hangonsilta on vapaan ihmisen kaupunki. Se on kaupunki ihmisille, jotka haluavat vapauden asua Central Parkissa ilman Manhattanin hintaa. Vapauden kävellä hetkessä kauppakeskukseen, viihteen broadwaylle ja lähiluonnon kalliovuorille. Vapauden tehdä arvonsa säilyttävä sijoitus kasvavaan, historialliseen rautatiekaupunkiin, radanvarren erinomaisella sijainnilla. Vapauden nauttia elämästä. Joskus vapauden perässä on menty Amerikkaan asti. Enää ei tarvitse matkustaa aavan meren tuolle puolen nyt onni löytyy Hyvinkään uudelta maalta. Hangonsillan slogan ja kiteytysteksti on kirjoitettu sisältämään kahden kohderyhmän valitut pääviestit. Plan Grotesque Stencil-fontilla ladotusta sloganista on tehty sekä webkäyttöön että printtiin soveltuvat kuvatiedostot. Slogania voi käyttää visuaalisena elementtinä eri sovelluksissa. Tällöin slogan tulisi asettaa kuvapinnalle otsikkomaisesti suuressa koossa. Katso esimerkkejä sovellussivuilta. 5 /26

03 TUNNUKSET JA MERKKI TUNNUSTEKSTI + MERKKI TUNNUSTEKSTI Hangonsillan tunnuksesta käytetään ensisijaisesti versiota: tunnusteksti + merkki. Tunnuksesta on myös versio pelkällä tunnustekstillä, ilman merkkiä. Tätä tunnusta voi käyttää silloin kun tunnukselle varattu tila on pienempi. MERKKI Sloganin sisältävä tunnusversio sopii erityisesti sovelluksiin, joissa Hangonsillan slogan ei tule muuten visuaalisesti esille, esimerkiksi edellisen sivun slogan-kuvaa käyttämällä. TUNNUSTEKSTI + MERKKI SLOGANILLA Slogan-tunnuksesta on versiot merkillä ja ilman merkkiä. Näiden käyttöön pätevät samat seikat kuin ylempiin versioihin. Slogan-tunnuksia käyttäessä huomioi, että slogan säilyy luettavana pienessäkin koossa. Jos sloganin luettavuus kärsii ja tunnuksen kokoa ei voida suurentaa, käytetään tunnusta ilman slogania. TUNNUSTEKSTI SLOGANILLA Mikäli Hangonsillan tunnuksen ohessa käytetään Hyvinkään tunnusta tai muita tunnuksia, niistä tulisi ensisijaisesti valita vaakaversiot. Mahdollisten pystysuuntaisten tunnusten kanssa voidaan käyttää Hangonsillan merkkiä. 6 /26

03 TUNNUKSET JA MERKKI SOMMITTELU JA SUOJA-ALUEET MERKKI Tehokeinona tunnustekstiä ja merkkiä voi käyttää sovelluksissa erikseen, vapaammin sommiteltuna. TUNNUSTEKSTI Esimerkki tunnustekstin ja merkin vapaasta sommittelusta. Katso lisää esimerkkejä sovellusaukeamilta. Tunnusteksti voidaan asettaa esimerkiksi kuvapinta-alan vasemman alalaidan tuntumaan. Merkki voidaan asettaa vapaasti kuvapinnalle, ja se voi mukailla tunnuksen perussommittelua: merkki on kuvapinnalla ensisijaisesti tunnustekstin yläpuolella ja sen oikealla puolella. Tällaisessa sommittelussa merkin kokoa saa muuttaa suhteessa tunnustekstiin. Katso esimerkkejä sommittelusta sovellusaukeamilta. MERKIN JA TUNNUSTEN SUOJA-ALUEET Hangonsillan tunnuksen ja merkin ympärille on määritelty suoja-alueet. Suoja-alueen tarkoitus on varmistaa tunnuksen erottuvuus kaikissa käyttökohteissa. Suoja-alue määrittää kuinka lähelle toista elementtiä tunnus voidaan sijoittaa. Suoja-alueelle ei pääsääntöisesti tule sijoittaa muita graafisia elementtejä. Jos näin tehdään, merkin erottuvuudesta ja visuaalisesta dominoivuudesta tulee huolehtia. Suoja-alueet on sisällytetty tunnustiedostoihin. 7 /26

04 VÄRIT TIILI CMYK 0 71 66 4 RGB 230 101 78 HEX PMS RAL E5644E VAPAUS CMYK 89 70 0 0 RGB 51 83 160 HEX PMS RAL 3252A0 PILVI CMYK 0 0 0 0 RGB 255 255 255 HEX FF FF FF PMS RAL 9003 Hangonsillan primääriväreiksi on nostettu punainen TIILI ja sininen VAPAUS, joita käytetään valkoisella PILVI-sävyisellä taustalla. Huomioi! Hangonsillan ilmeeseen ei lähtökohtaisesti kuulu musta väri. Mustan sijaan tulee käyttää ensisijaisesti sinistä väriä (vapaus). Sinistä käytetään kaikissa tekstielementeissä ja kehyksissä. Sovelluksissa, joissa sinisen käyttö on painoteknisesti mahdotonta (esimeriksi kokonaan mustavalkoiset printit), voidaan teksteissä käyttää mustaa ja valita logosta mustavalkoinen versio. 8 /26

05 TYPOGRAFIA plan grotesque std Hyvinkään Hangonsillan viestinnässä käytetään Plan Grotesque- kirjaintyyppiä. plan grotesque std / light plan grotesque std / light italic plan grotesque std / regular plan grotesque std / regular italic plan grotesque std / medium plan grotesque std / medium italic plan grotesque std / bold plan grotesque std / bold italic Leipätekstissä käytetään Regular-leikkausta. Bold-leikkausta käytetään pääotsikoissa ja esimerkiksi nostoissa ja korostetarkoituksissa. Suurimmissa pääotsikoissa käytetään aina versaalia (isoja kirjaimia). Pääotsikkofontti on Plan Grotesque Stencil- kirjaintyypin bold-leikkaus. Jos Stencil-kirjaintyyppi ei ole saatavilla, käytetään Plan Grotesque-fontin Bold-leikkausta versaalina. Plan Grotesque -fontti on asennettu Hyvinkään viestinnän koneisiin. Muuta käyttöä (esim. talon ulkopuolista graafista suunnittelijaa) varten fontit ovat ostettavissa osoitteesta www.typotheque. com. plan grotesque stencil std plan grotesque stencil std / medium plan grotesque stencil std / bold Sähköisesti välitettävät tiedotteet tulisi pyrkiä lähettämään pdf-tiedostoina, jolloin Plan Grotesque-fontti kulkee dokumentin mukana. Kaikessa sähköisessä käytössä, kuten sähköpostin viestikentässä ja verkkosivujen leipätekstissä, käytetään korvaavana kirjaintyyppinä Arialia, joka on yleinen järjestelmäfontti kaikissa käyttöjärjestelmissä. arial/ regular HIJKLMN yzåäö 6789 arial/ bold HIJKLMN yzåäö 6789 Kun Plan Grotesque-fontteja ei ole käytössä, voidaan käyttää Arial-kirjainperheen Regular ja Bold-leikkauksia. On hyvä huomioida, että typografia on oleellinen osa Hangonsillan ilmeen erottuvuutta. Arialia tulee käyttää vain jos Hangonsillan oman typografian käyttö on kohtuuttoman vaikeaa. 9 /26

05 TYPOGRAFIA PLAN GROTESQUEN MALLILADELMA Hyvinkään ydinkeskustaan rakentuva Hangonsilta on vapaan ihmisen kaupunki. Hangonsillan typografiassa tulisi pyrkiä noudattamaan tällä sivulla annettua mallia. otsikko: Plan Grotesque Std Bold ingressi: Plan Grotesque Std Light alkukorostus: Plan Grotesque Std Medium Small Caps välistys +40 kapiteelikorostus: Plan Grotesque Std Light Small Caps välistys +40 väliotsikko: Plan Grotesque Std Light välistys +40 Small Caps 12 pt kursiivikorostus: Plan Grotesque Std Light Italic leipäteksti: Plan Grotesque Std Ligh 10 pt riviväli 13 pt sisennys: sama kuin riviväli, tässä 13 pt Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae sagittis odio. Mauris varius tristique ex ut eleifend. Vestibulum diam magna, tempor et pharetra a, iaculis vitae sapien. Fusce odio sapien, condimentum ut libero in, tristique vehicula tellus. Aenean vel odio vitae enim eleifend vestibulum quis sit amet dolor. Curabitur sit amet nibh et dui mattis feugiat vel vitae leo. Hyvinkään keskusta laajenee Hangonsillan alueelle. Entiselle Hangonratapihalle nousee uusi Hyvinkään keskustaa laajentava ja samalla kaupunkirakennetta eheyttävä asuinpainotteinen alue. Lähinnä rautatieasemaa oleva osa (Renton entisen kenkätehtaan ympäristö) varataan keskustaajaman osayleiskaavan (2012) mukaisesti keskustatoiminnoille. Alueen ytimeksi toteutetaan Hangonsiltatalo - uusi lukio, jonka monitoimitilat sekä liikunta- ja muut palvelut ovat kaikkien kaupunkilaisten käytössä. Asuntokorttelit ja julkiset alueet toteutetaan turvallisiksi ja viihtyisiksi. Alue on valmistuessaan koti 2000 hyvinkääläiselle. Asuinkorttelit suunnitellaan yhdessä toteuttajakumppanien kanssa. Erityistä huomiota kiinnitetään kävelyn ja pyöräilyn olosuhteisiin. Kalevankadun puoleinen osa on varattu liike- ja toimisto-rakentamiseen. hangonsillan historiaa Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vitae sagittis odio. Mauris varius tristique ex ut eleifend. Vestibulum diam magna, tempor et pharetra a, iaculis vitae sapien. Fusce odio sapien, condimentum ut libero in, tristique vehicula tellus. Aenean vel odio vitae enim eleifend vestibulum quis sit amet dolor. versaalinumerot e123567890 gemenanumerot e123567890 Leipätekstissä käytetään Light-leikkausta ensisijaisesti 10 pisteen koossa rivivälillä 14 pt. Tekstikorostuksissa voidaan käyttää kursiivia ja Medium sekä Bold -leikkauksia. Tekstin ensimmäisen kappaleen alussa on suositeltavaa käyttää 2 3 sanassa Small Caps-leikkausta. Suurikokoisissa pääotsikoissa käytetään ensisijaisesti Plan Grotesque Condensed Boldkirjaintyyppiä. Muut otsikoihin, nostoihin ja väliotsikoihin soveltuvat kirjainleikkaukset ovat Plan Grotesque Condensed Light ja Regular sekä Plan Grotesque Light, Regular, Medium ja Bold -leikkaukset. Väliotsikoissa ja nostoissa on suositeltavaa käyttää kapiteeleja (Small Caps) Älä käytä kursiivileikkauksia otsikoissa. Akronyymeissä eli kirjainlyhenteissä tulisi käyttää kapiteeleja (Small Caps), esim. ft, ktm, nasa, bbc. Jos pitkässä leipätekstissä esiintyy numeroita, on suositeltavaa käyttää Plan Grotesque Std -kirjaintyypin gemena numeroita, mikäli se on taitto-ohjelmassa mahdollista. 10 /26

0 6 M U U T V I S UA A L I S E T T U N N I S T E E T K U V I T U S K U VA, R A I D AT J A K E H Y K S E T HANGONSILLAN K U V I T U S K U VA Kuvituskuvaa voi käyttää vapaasti Hangonsillan viestinnässä. Kuvaa käytettäessä tulee muistaa, että se on bittikuva, eikä siis vapaasti suurennettavissa. Pienennys on sallittua. Kuvituskuvaa voi rajata eri julkaisuihin mukaan tuomaan sarjallisuutta ja tunnistettavuutta. Sitä käytetään erityisesti silloin, kun käytössä ei ole journalistista, asiapitoista (valo-)kuvaa. Kuvituskuvan ja raidan yhdistelmässä kuva tulee aina raidan päälle. Raidat ovat keskeinen osa Hangonsillan visuaalista ilmettä. Raitoja on kolme ja ne asemoidaan mieluiten oikealle nouseviksi ja kohoaviksi. Raitojen kallistuskulma on 51 astetta. Valkoisella taustalla raidoissa käytetään punaista (sävy: tiili), mutta kuvien päällä käytettynä raidat ovat valkoiset. Kun raitoja käytetään kuvan päällä, tulee kuva rajata niin, etteivät sen pääsisältö tai tärkeät yksityiskohdat peity raitojen alle. Kehykset yhdistävät Hangonsillan ilmeen yhdeksi kokonaisuudeksi. Kehysten väri on sininen (sävy: vapaus). Kehyksen viivaleveys on taittopohjan korkeus jattuna 30:llä. Pienimmissä/matalimmissa sovelluksissa kehysten leveys voidaan arvioida silmämääräisesti ilmeen mukaiseksi: kehyksen tulee olla voimakas elementti, mutta jättää tilaa muullekin sisällölle. HANGONSILLAN R A I D AT 1 1 / 26

07 SOVELLUKSET T YÖ M A A-A I TA E S I M E R K K E J Ä T YÖ M A A - A I D O I S TA 1 2 / 26

07 SOVELLUKSET VERKKOSIVUN ETUSIVU ALUE ASUNNOT RAKENTAJALLE OTA YHTEYTTÄ Hyvinkään ydinkeskustaan rakentuva Hangonsilta on vapaan ihmisen kaupunki. Se on kaupunki ihmisille, jotka haluavat vapauden asua Central Parkissa ilman Manhattanin hintaa. Vapauden kävellä hetkessä kauppakeskukseen, viihteen broadwaylle ja lähiluonnon kalliovuorille. Vapauden yksinkertaiseen ja helppoon asumismuotoon, radanvarren saavutettavalla sijainnilla. Vapauden tehdä arvonsa säilyttävä sijoitus kasvavaan, historialliseen rautatiekaupunkiin. Vapauden valita juuri itselleen sopiva asumismuoto ja elämisen tyyli. Vapauden nauttia itse elämästä. Enää ei tarvitse lähteä merten taakse onnea etsimään. Nyt onni löytyy Hyvinkään uudelta maalta. ALUE ASUNNOT RAKENTAJALLE OTA YHTEYTTÄ Hyvinkään ydinkeskustaan rakentuva Hangonsilta on vapaan ihmisen kaupunki. Se on kaupunki ihmisille, jotka haluavat vapauden asua Central Parkissa ilman Manhattanin hintaa. Vapauden kävellä hetkessä kauppakeskukseen, viihteen broadwaylle ja lähiluonnon kalliovuorille. Vapauden yksinkertaiseen ja helppoon asumismuotoon, radanvarren saavutettavalla sijainnilla. Vapauden tehdä arvonsa säilyttävä sijoitus kasvavaan, historialliseen rautatiekaupunkiin. Vapauden valita juuri itselleen sopiva asumismuoto ja elämisen tyyli. Vapauden nauttia itse elämästä. Enää ei tarvitse lähteä merten taakse onnea etsimään. Nyt onni löytyy Hyvinkään uudelta maalta. ESIMERKKEJÄ VERKKOSIVUJEN ETUSIVUSTA 13 /26

07 SOVELLUKSET Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. Sed molestie urna sit amet neque pretium iaculis. Nulla nec enim dolor. Donec at aliquet dui, non venenatis nulla. Vestibulum convallis neque at placerat sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mauris libero, lacinia ac congue eu, lacinia quis libero. Pellentesque id diam fermentum, viverra metus vitae, ultricies velit. Sed sit amet augue nibh. Nunc efficitur felis nisi, ut auctor tellus suscipit vitae. Maecenas interdum, metus maximus pellentesque rhoncus, mauris metus dignissim dui, sed lobortis lacus ipsum a est. Morbi a nulla eget augue finibus cursus. Nam non auctor mauris. Etiam sed blandit libero. Donec sed elementum neque, eget convallis eros. Integer ut magna in ex ullamcorper dictum sit amet ac nisl. In molestie risus a turpis lobortis, sit amet faucibus leo dapibus. Suspendisse eget mi varius, pulvinar ex lobortis, interdum ligula. Pellentesque sapien augue, fringilla id interdum at, faucibus et ipsum. Proin vel ultricies nisi. Suspendisse potenti. Integer tristique lacus mi, ac porta magna sollicitudin mattis. Cras cursus ligula ac gravida vulputate. Integer placerat, risus sit amet feugiat vestibulum, erat enim euismod diam, nec condimentum mauris neque sed mauris. ESITTEEN KESKIAUKEAMA Lorem ipsum dolor sit amet dom, adipiscing elit leo. Quisque faucibus libero pellentesque laoreet tincidunt. Suspendisse lobortis aliquet felis, vel bibendum enim convallis in. Morbi condimentum, neque sed efficitur tincidunt, eros turpis tempus nisl, id varius felis est vitae eros. Nam auctor pharetra magna, vel ultricies nunc dictum at. Proin venenatis egestas justo eu dapibus. Donec ut tempus ex. Donec malesuada magna in fermentum fringilla. Proin commodo ligula id leo viverra, sit amet commodo est fringilla. In accumsan, neque eu varius sagittis, lectus nibh luctus ligula, sed venenatis enim metus ut nulla. Sed et luctus nibh. Etiam congue leo consequat tortor interdum, ut aliquet nibh auctor. Cras augue sapien, tempus lacinia nibh eu, elementum dignissim lectus. Integer dignissim scelerisque sollicitudin. Nam tincidunt erat nisl, non hendrerit turpis dictum vitae. Sed hendrerit euismod tortor, in pharetra mauris imperdiet vel. Cras sodales porta lectus, sed ullamcorper orci vehicula in. Donec purus odio, ultricies eget lectus non, bibendum finibus magna. Aenean ut ex sapien. Aliquam lacus metus, faucibus vitae diam volutpat, porttitor hendrerit nunc. Nunc tellus sapien, aliquet at mauris vel, luctus Lorem ipsum sit amet, consectetur adipiscing elit. In id leo sit amet erat congue. Lorem ipsum sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. Lorem ipsum sit amet, consectetur adipiscing elit. In id leo sit amet erat congue. Lorem ipsum sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. Sed molestie urna sit amet neque pretium iaculis. Nulla nec enim dolor. Donec at aliquet dui, non venenatis nulla. Vestibulum convallis neque at placerat sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mauris libero, lacinia ac congue eu, lacinia quis libero. Pellentesque id diam fermentum, viverra metus vitae, ultricies velit. Sed sit amet augue nibh. Nunc efficitur felis nisi, ut auctor tellus suscipit vitae. Maecenas interdum, metus maximus pellentesque rhoncus, mauris metus dignissim dui, sed lobortis lacus ipsum a est. Morbi a nulla eget augue finibus cursus. Nam non auctor mauris. Etiam sed blandit libero. Donec sed elementum neque, eget convallis eros. Integer ut magna in ex ullamcorper dictum sit amet ac nisl. In molestie risus a turpis lobortis, sit amet faucibus leo dapibus. Suspendisse eget mi varius, pulvinar ex lobortis, interdum ligula. Pellentesque sapien augue, fringilla id interdum at, faucibus et ipsum. Proin vel ultricies nisi. Suspendisse potenti. Integer tristique lacus mi, ac porta magna sollicitudin mattis. Cras cursus ligula ac gravida vulputate. Integer placerat, risus sit amet feugiat vestibulum, erat enim euismod diam, nec condimentum mauris neque sed mauris. Lorem ipsum dolor sit amet dom, adipiscing elit leo. Lorem ipsum sit amet, consectetur adipiscing elit. In id leo sit amet erat congue. Quisque faucibus libero pellentesque laoreet tincidunt. Suspendisse lobortis aliquet felis, vel bibendum enim convallis in. Morbi condimentum, neque sed efficitur tincidunt, eros turpis tempus nisl, id varius felis est vitae eros. Nam auctor pharetra magna, vel ultricies nunc dictum at. Proin venenatis egestas justo eu dapibus. Donec ut tempus ex. Donec malesuada magna in fermentum fringilla. Proin commodo ligula id leo viverra, sit amet commodo est fringilla. In accumsan, neque eu varius sagittis, lectus nibh luctus ligula, sed venenatis enim metus ut nulla. Sed et luctus nibh. Etiam congue leo consequat tortor interdum, ut aliquet nibh auctor. Cras augue sapien, tempus lacinia nibh eu, elementum dignissim lectus. Integer dignissim scelerisque sollicitudin. Nam tincidunt erat nisl, non hendrerit turpis dictum vitae. Sed hendrerit euismod tortor, in pharetra mauris imperdiet vel. Cras sodales porta lectus, sed ullamcorper orci vehicula in. Donec purus odio, ultricies eget lectus non, bibendum finibus magna. Aenean ut ex sapien. Lorem ipsum sit amet, consectetur adipiscing elit. In id leo sit amet erat congue. Lorem ipsum sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. E S I M E R K K E J Ä E S I T T E E N K E S K I A U K E A M A S TA 1 4 / 26

07 SOVELLUKSET LEHTI-ILMOITUS Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. Sed molestie urna sit amet neque pretium iaculis. Nulla Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. Sed molestie urna sit amet neque pretium iaculis. Nulla nec enim dolor. Donec at aliquet dui, non venenatis nulla. Vestibulum convallis neque at placerat sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mauris libero, lacinia ac congue eu, lacinia quis libero. Pellentesque id diam fermentum, viverra metus vitae, ultricies velit. Sed sit amet augue nibh. Nunc efficitur felis nisi, ut auctor tellus suscipit vitae. Maecenas interdum, Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. Sed molestie urna sit amet neque pretium iaculis. Nulla Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. Sed molestie urna sit amet neque pretium iaculis. Nulla nec enim dolor. Donec at aliquet dui, non venenatis nulla. Vestibulum convallis neque at placerat sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mauris libero, lacinia ac congue eu, lacinia quis libero. Pellentesque id diam fermentum, viverra metus vitae, ultricies velit. Sed sit amet augue nibh. Nunc efficitur felis nisi, ut auctor tellus suscipit vitae. Maecenas interdum, Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. Sed molestie urna sit amet neque pretium iaculis. Nulla Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id leo sit amet erat congue tincidunt. Mauris ornare consectetur posuere. Sed molestie urna sit amet neque pretium iaculis. Nulla nec enim dolor. Donec at aliquet dui, non venenatis nulla. Vestibulum convallis neque at placerat sagittis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed mauris libero, lacinia ac congue eu, lacinia quis libero. Pellentesque id diam fermentum, viverra metus vitae, ultricies velit. Sed sit amet augue nibh. Nunc efficitur felis nisi, ut auctor tellus suscipit vitae. Maecenas interdum, ESIMERKKEJÄ LEHTI-ILMOITUKSISTA 15 /26

08 HANGONSILLAN TUNNUSTIEDOSTOT MERKIN JA TUNNUKSEN VALINTA VÄRILLINEN MERKKI MERKKI: Käytetään aina, kun konteksti kertoo riittävällä selvyydellä, että kyse on Hangonsillan merkistä. TUNNUS: Käytetään, kun halutaan lisätä merkkiin markkinointiviestinnällinen ulottuvuus. TUNNUSTEKSTI TUNNUSTEKSTI + MERKKI Kaikista vieressä esitellyistä merkeistä on olemassa CMYK- ja RGB-versiot Hyvinkään viestinnässä. Print/CMYK-muotoiset tiedostot on tehty pdf/ vektori-muotoisiksi, joten niitä voi skaalata vapaasti suuremmaksi. Web/RGB-tiedostot eivät ole skaalattavia, ja niitä käytetään web-ympäristössä ja Powerpointissa. TUNNUS SLOGANILLA: Käytetään tilanteissa, jossa tunnus on riittävän suuri, jotta slogan on luettavan kokoinen. Slogan-tunnus sopii sovelluksiin, joissa Hangonsillan slogan ei tule muuten visuaalisesti esille, esimerkiksi erillistä slogan-kuvaa käyttämällä. TUNNUSTEKSTI SLOGANILLA TUNNUSTEKSTI + MERKKI SLOGANILLA Hangonsillan merkkiä tai tunnusta käytetään ensisijaisesti värillisenä, valkoisella pohjalla. Tunnuksesta on olemassa harmaasävy-versio, jota voi käyttää esimerkiksi mustavalkoprinteissä. Tunnuksesta on myös täysin mustavalkoinen versio, jota voi käyttää yhden värin sovelluksissa, esimerkiksi kynissä. Tunnusta voidaan myös poikkeuksellisesti käyttää mustana jos painotuote on teknisistä tai muista syistä mahdollista painaa tai tulostaa vain yhdellä värillä. Tunnuksesta on olemassa negatiiviversio, jota tulisi käyttää mahdollisuuksien mukaan aina tasavärisellä, mieluiten sinisellä (sävy: vapaus) pohjalla. Kuvan päälle asetettaessa tunnuksen taustaksi tulisi valita kuvasta selkeä kohta, joka sisältää vain vähän värinvaihtelua ja yksityiskohtia. SLOGAN-KUVA: Voidaan käyttää sovelluksissa otsikonomaisesti. Ei korvaa kuitenkaan tunnusta tai merkkiä. Hangonsillan merkki voidaan sijoittaa myös värillisenä osittain valokuvan päälle. (Esimerkki: lehti-ilmoitus sovellussivuilla). Tunnuksen tulee erottua taustastaan selvästi. Kuvan päälle sijoitettaessa tunnuksen värien riittävästä erottuvuudesta on huolehdittava. Kuva on siten rajattava merkin tai tunnuksen ehdoilla. SLOGAN 16 /26

08 HANGONSILLAN TUNNUSTIEDOSTOT MERKIN JA TUNNUKSEN VALINTA MERKKI: Käytetään aina, kun konteksti kertoo riittävällä selvyydellä, että kyse on Hangonsillan merkistä. HARMAASÄVY MUSTAVALKOINEN NEGATIVII MERKKI TUNNUS: Käytetään, kun halutaan lisätä merkkiin markkinointiviestinnällinen ulottuvuus. TUNNUSTEKSTI VOIDAAN KÄYTTÄÄ SAMAA VERSIOTA KUIN HARMAASÄVYSSÄ Aloittaessasi uuden työn, lataa aina tunnustiedostot uudelleen. Lataa uudet tiedostot, vaikka sinulla jo olisikin tarvittavat tunnustiedostot koneellasi. Näin korruptoituneet, venyneet tai muuten muuttuneet tunnustiedostot eivät päädy käyttöön. TUNNUSTEKSTI + MERKKI TUNNUS SLOGANILLA: Käytetään tilanteissa, jossa tunnus on riittävän suuri, jotta slogan on luettavan kokoinen. Slogan-tunnus sopii sovelluksiin, joissa Hangonsillan slogan ei tule muuten visuaalisesti esille, esimerkiksi erillistä slogan-kuvaa käyttämällä. TUNNUSTEKSTI SLOGANILLA TUNNUSTEKSTI + MERKKI SLOGANILLA VOIDAAN KÄYTTÄÄ SAMAA VERSIOTA KUIN HARMAASÄVYSSÄ.pdf-päätteiset tiedostot ovat vektoritiedostoja, jotka ovat vapaasti skaalattavissa. Suurentaminen ei heikennä vektoroidun tunnuksen piirtotarkkuutta, koska vektori ei ole riippuvainen resoluutiosta. Pdf -tiedoston voi tuoda kaikkiin moderneihin tietokoneohjelmiin. Pdf-tiedostomuoto säilyttää merkin läpinäkyvyyden kaikissa moderneissa tietokoneohjelmien versioissa. Varhaisemmat Office-ohjelmat lukevat rgb-tunnustiedostoja, mutta eivät tue elementtien läpinäkyvyyttä. Varmista aina, että sinulla on tämän brändiohjeiston viimeisin versio. SLOGAN-KUVA: Voidaan käyttää sovelluksissa otsikonomaisesti. Ei korvaa kuitenkaan tunnusta tai merkkiä. Kysy kuvituskuvia sekä Hangonsillan elementtejä Hyvinkään viestinnästä. Kaikissa tähän ohjeistoon ja Hangonsillan graafiseen ilmeeseen liittyvissä kysymyksissä avustaa: Viestintäyksikkö viestinta@hyvinkaa.fi SLOGAN 17 /26

HANGONSILLAN ILMEEN JA BRÄNDIOHJEISTON ON SUUNNITELLUT SUUNNITTELUTOIMISTO BOTH WWW.BOTH.FI