Brändikirja

Logo

Logon hyppyrimäestä inspiroitunut muotokieli viestii rohkeasta, eteenpäin suuntautuvasta liikkeestä. Yksinkertaisen ja helposti tunnistettavan logon vahvuus on sen selkeydessä ja ajattomuudessa.

1. Logon perusmuoto
2. Logon väri
3. Logon suoja-alue
4. Logon käyttö
5. Originaalitiedostot
6. Logoanimaatio

1. Logon perusmuoto

Logon perusmuotona pyritään käyttämään Vesijärven sinistä tai valkoista logoa.

2. Logon väri

Logoa käytetään kolmessa eri värissä.

Vesijärven sinistä logoa käytetään vaalealla taustalla ja valkoista logoa käytetään tummalla taustalla. Mustaa logoa käytetään mustavalkoisessa ympäristössä, esimerkiksi tulosteissa.

Painomateriaaleissa tulee lähtökohtaisesti käyttää logoversiota nelivärisävyillä (CMYK). Pantone sävyjä käytetään painomateriaaleissa, joissa halutaan varmistaa värien paras mahdollinen toistuvuus. Painomateriaaleissa parhaiten toistuvat vektorimuotoiset logot (pdf ja eps).

Digitaalisessa ympäristössä tulee käyttää HEX/RGB versioita. Verkkoympäristössä usein parhaiten toimii logon png-formaatti.

Ohessa esimerkitykset logoversioista esimerkitettynä lisävärillä taustan osalta.

3. Logon suoja-alue

Suoja-alue on logon ympärille jäävä tyhjä tila, joka varmistaa erottuvuuden taustasta. On suositeltavaa, että logon ympärille jää vähintään i:n pisteen verran tyhjää tilaa.

4. Logon käyttö

Logomme on visuaalisen ilmeemme arvokkain elementti. Se luo tunnistettavuutta, missä se ikinä näkyykään. Siksi sitä tulee aina käyttää kunnioittaen. Ohessa esimerkkejä siitä, miten logoa ei tule käyttää.

5. Originaalitiedostot

Logon originaalitiedostot ovat ladattavista zip-tiedostopakettina.

6. Logoanimaatio

Logosta on käytettävissä myös animoitu versio, jota voi hyödyntää videoissa ja digitaalisissa toteutuksissa.

Logoanimaatiota käytetään kahdessa eri värissä. Vesijärven sinistä logoa käytetään vaalealla taustalla ja valkoista logoa käytetään tummalla taustalla.

Animaatioiden nopeutta ei tule muuttaa eikä sitä tule tehdä uudelleen. Sen käyttöön pätee samat sääännöt kuin logon perusmuodon käyttöönkin.

Logoanimaatiot voi ladata oheisesta linkistä. Se sisältää animaation perusmuodon sekä sulavasti uudelleen toistuvan version. Molemmat versiot löytyvät linkistä sinisinä valkoisella ja läpinäkyvällä taustalla sekä valkoisina sinisellä ja läpinäkyvällä taustalla.

Värit

Väripaletti kuvastaa Lahtea. Vesijärven sininen on saanut tuekseen voimakkaita lisävärejä, jotka tekevät ilmeestä monimuotoisen ja monikäyttöisen.

1. Pääväri
2. Lisävärit
3. Läpinäkyvyydet
4. Värien käyttö

1. Pääväri

Päävärimme on Vesijärven sininen.

Jos toteutuksessa on tilaa vain yhdelle värille, on suositeltavaa käyttää tätä pääväriä. Sen voi hyvin yhdistää johonkin lisäväriin, kun halutaan syvyyttä ja kontrastia.

2. Lisävärit

Käytämme lisävärejämme, kun haluamme tuoda ilmeeseemme värikkyyttä ja vaihtelua. Hierarkkisesti tärkeimmät lisävärit ovat Ympäristö sekä Ilma ja näitä käytetään eniten. Muut lisävärit tukevat pääväriä ja niitä tulee käyttää harkiten.

3. Läpinäkyvyydet

Väreistä voi tuottaa myös eri sävyjä hyödyntämällä niiden eri läpinäkyvyyksiä. Väreille on määritelty RGB ja HEX arvot 20 % toistuvuudella, mutta läpinäkyvyyksiä voi vapaasti tuottaa lisää erilaisiin käyttökohteisiin.

4. Värien käyttö

Neliväripainatuksessa tulee käyttää määriteltyjä nelivärisävyjä (CMYK). Sanomalehtipaperille on määritelty omat nelivärisävynsä.

Pantone sävyjä käytetään painomateriaaleissa, joissa halutaan varmistaa värien paras mahdollinen toistuvuus.

Digitaalisessa ympäristössä tulee käyttää HEX/RGB väriarvoja.

Ohessa esimerkkejä saavutettavista väriyhdistelmistä, joissa värien välinen kontrasti on riittävän suuri. Käyttämällä näitä väriyhdistelmiä varmistat tekstien näkyvyyden EU:n saavutettavuusdirektiivin WCAG 2.1 -ohjeistuksen AA- ja AAA-tason kriteerien mukaisesti riippuen tekstin koosta.

Saavutettavuuskriteereistä voi joustaa mainonnan toteutuksissa, mutta virallisissa ja informatiivisissa sisällöissä niiden pitää aina toteutua.

Typografia

Valittu fontti viestii tämän päivän Lahtea. Itsevarma, moderni ja sopivan sympaattinen fontti taipuu erilaisiin käyttötarpeisiin. Fontti on tarkoitettu pääasiallisesti ammattilaiskäyttöön.

1. Fontti eli kirjasin
2. Otsikot
3. Alaotsikot
4. Väliotsikot
5. Leipäteksti
6. Typografian käyttö

1. Fontti eli kirjasin

Lahden fontti on Studio Feixen Sans Lahti. Siinä on kolme kirjainleikkausta: Book, Bold ja Headline sekä jokaisesta kirjainleikkauksesta kursivoitu versio.

Jos käytössä ei ole Studio Feixen Sans Lahti -fonttia, käytetään Franklin Gothic -fonttia. Sen käyttö on suositeltavaa mm. toimistosovelluksissa kuten Powerpoint.

Fontin hankintaan ja lisensseihin liittyvissä asioissa ole yhteydessä Lahden kaupungin viestintään: viestinta@lahti.fi

2. Otsikot

Otsikoissa tulee käyttää kirjainleikkausta Headline, josta on myös kursivoitu versio Headline Italic.

Otsikon välistyksen tulee olla leveimmillään -25. Välistyksen tulee kaventua aina otsikkokoon kasvaessa. Rivivälin tulee olla sama kuin pistekoko.

3. Alaotsikot

Alaotsikoissa tulee käyttää kirjainleikkausta Bold, josta on myös kursivoitu versio Bold Italic. Välistyksen tulee säilyä muuttumattomana eli 0. Rivivälin tulee olla sama kuin pistekoko.

4. Väliotsikot

Väliotsikoissa tulee käyttää kirjainleikkausta Bold, josta on myös kursivoitu versio Bold Italic. Välistyksen tulee säilyä muuttumattomana eli 0. Rivivälin tulee olla sama kuin pistekoko.

5. Leipäteksti

Leipätekstissä tulee käyttää kirjainleikkauksia Book, Book Italic ja Bold.
Ala- ja väliotsikoiden välistyksen tulee säilyä muuttumattomana eli 0. Rivivälin tulee olla 120 %.

6. Typografian käyttö

Ohessa esimerkki leipä- ja otsikkotekstien koosta. Tekstimassoissa käytetään rivivälinä 120 %. Näin ollen jos leipäteksti on 12 pt niin riviväli on 14,4 pt.

Väliotsikot ovat samaa pistekokoa ja niihin pätevät samat säännöt kuin leipätekstiin. Väliotsikoiden kirjainleikkaus on Bold.

Alaotsikoiden pistekoon tulee olla vähintään kaksi kertaa suurempaa kuin leipätekstin. Alaotsikoiden kirjainleikkaus on Bold ja rivivälin tulee olla sama kuin pistekoko.

Otsikoiden pistekoon tulee olla kolme kertaa suurempaa kuin leipätekstin. Rivivälin tulee olla sama kuin pistekoko ja välistyksen -25.

Otsikoita on suotavaa käyttää itsevarmasti ja luoda niiden avulla kompositioon rytmiä ja kontrastia. Pyri hyödyntämään suurta kokokontrastia otsikon, alaotsikon ja leipätekstin välillä.

Käytämme pääsääntöisesti oikeaa liehua, eli tasaamme tekstit vasemmalle.

Jos käytössä ei ole Studio Feixen Sans Lahtea käytetään Franklin Gothic -kirjaintyyppiä.

Ohjeet toimivat lähtökohtana tekstin sommittelulle, mutta tärkeintä on tekstin luettavuus. Siksi jokainen sovellus tulee aina suunnitella tapauskohtaisesti.

Äänensävy

Äänensävymme on välitön ja ystävällinen. Puhetapamme on ennen kaikkea yhteisöllinen ja informatiivinen.

1. Äänensävy ja puhetapa

1. Äänensävy ja puhetapa

Äänensävymme on välitön ja ystävällinen. Puhetapamme on ennen kaikkea yhteisöllinen ja informatiivinen.

Se merkitsee lukijan tasalle asettumista ja kommunikointia ihmiseltä ihmiselle, kulloisenkin tilanteen, kanavan ja kohderyhmän huomioiden. Äänensävy heijastaa vastaanottajalle arvojamme: luonnollisuutta ja avoimuutta.

Positiivinen ja inhimillinen ote viestintään näkyy avoimuutena ja kiinnostuksena siihen, mikä on ihmisille tärkeää. Vuoropuhelulla kaupunkilaisten kanssa löydämme arkisistakin asioista uusia kiinnostavia kulmia.

Kuvat

Aitoja lahtelaisia ihmisiä ja tilanteita suosivan kuvamaailman avulla vahvistamme positiivista mielikuvaa Lahdesta.

1. Kuvakonsepti
2. Teemat ja kuva-aiheet

1. Kuvakonsepti

Lahden kaupungin valokuvatyyli on ensisijaisesti dokumentaarinen. Kuvissa tulee pyrkiä todentuntuiseen ja samaistuttavaan tunteeseen aidoista ihmisistä ja arkipäiväisistäkin tilanteista. Vältetään teennäisyyttä tai “kiiltokuvamaisuutta”.

Pyritään käyttämään kuvia, joissa on ihmisiä mukana aktiivisina toimijoina ja vältetään tyhjää tai kolkkoa kuvaa kaupungista. Kuvien malleina tulee esiintyä erinäköisiä ja -ikäisiä aitoja lahtelaisia.

Kuvankäsittelyssä suositaan pääasiassa kevyttä, luonnollista ja raikasta otetta. Siksi esimerkiksi värimäärittelyn tulee olla hillittyä. Kuvissa esiintyvien ihmisten luonnollisia piirteitä ei muokata jälkikäsittelyssä.

Poikkeuksia yleiseen päivittäisessä viestinnässä ja markkinoinnissa käytettävään kuvatyyliin voidaan tehdä tilannekohtaisesti esimerkiksi artikkeleissa tai erilaisten kampanjoiden yhteydessä.

Pyri valokuvan ottamisessa tai sen valitsemisessa siihen, että:

• Tyyli on dokumentaarinen.
• Kuvassa on ihmisiä aktiivisina toimijoina.
• Malleina on erinäköisiä ja -ikäisiä lahtelaisia.
• Kuvaa ei ole liian rankalla kädellä käsitelty, värimääritelty tai manipuloitu.
• Kuvan sisältö ei ole ristiriidassa kohdassa 2 esiteltyjen teemojen ja tavoitemielikuvien kanssa.

Kaupungin kuvallinen viestintä pohjaa pääasiallisesti ammattivalokuvaajien tuottamaan kuvamateriaaliin. Poikkeuksia tähän voidaan tehdä sosiaalisen median kanavissa, tilanteissa, joissa esimerkiksi itse otettu kännykkäkuva on sisällöltään olennainen ja lisäinformaatiota tuova, eikä saatavilla ole valokuvaajan ottamia kuvia.

2. Teemat ja kuva-aiheet

Kuvakonseptilla vahvistetaan määriteltyjä tavoitemielikuvia, joten myös teemat ja kuva-aiheet määräytyvät niiden mukaan. Tavoitemielikuvat voidaan jakaa kolmeen teemaan:

• Kaupunki, joka pysyy liikkeessä
• Kaupunki, joka luo tulevaisuutta
• Kaupungin kokoinen kaupunki

Kaupunki, joka pysyy liikkeessä

Oli kyse sitten urheilusta tai kaupungin kehittämisestä, Lahti pyrkii aina eteenpäin ja yhä ylemmäs. Salpausselälle keskittyvän talviurheilun lisäksi kaupunki edustaa huippu-urheilua lukuisissa eri lajeissa sekä tarjoaa maailmanluokan puitteet myös harrastajille. Tekemisen meininki ja ennakkoluuloton asenne ovat vahvasti läsnä.

Kaupunki, joka luo tulevaisuutta

Lahti näyttää suuntaa ja raivaa tietä paremman tulevaisuuden vuoksi.
Suomen johtava ympäristökaupunki näyttää mallia kestävien ja älykkäiden ratkaisujen innovoinnissa yhdessä yliopiston johtavan ympäristötutkimuksen kanssa. Elintarviketeollisuuden keskittymä kehittää ruoan tulevaisuutta ja luo uusia liiketoimintamahdollisuuksia.

Kaupungin kokoinen kaupunki

Vaikka luonto löytyykin nurkan takaa, urbaanius on osa Lahtea. Kulttuuritoimintaa löytyy kaikissa muodoissaan, elämyksellisestä Malskin alueesta ja Sinfonia Lahden upeista konserteista kaupunkilaisten järjestämiin ruohonjuuritason tapahtumiin. Kulttuuria on tarjolla jatkuvasti, isolla ja pienellä skaalalla.

Sommittelu

Sommittelun eli komposition perustana toimii johdonmukainen ja joustava systeemi. Sen muodostaa kehys, jonka voi tulkita myös “L” -kirjaimeksi. Kehyksen muotoilu toistaa logon pyöreää muotokieltä.

1. Apuruudukko
2. Kehys
3. Esimerkkejä

1. Apuruudukko

Vaakamallinen apuruudukko.

Pystymallinen ja neliön mallinen apuruudukko.

Taiton apuna on hyvä käyttää ”gridiä” eli apuruudukkoa, joka saadaan aikaiseksi, kun taitettavan pinnan pidempi sivu jaetaan 20 osaan ja lyhyempi sivu 10 osaan. Jos sivut ovat yhtä pitkiä, jaetaan molemmat sivut 10 osaan.

Apuruudukko helpottaa pinnan jakamista ja kaikkien visuaalisten elementtien sommittelua paikoilleen. Näin ilme säilyy yhtenäisenä kanavasta tai mediasta riippumatta.

Ruudukkoa pyritään käyttämään aina kun se on mahdollista. Luonnollisesti syntyy tilanteita, jolloin ruudukon käyttö ei ole järkevää ja silloin taitto tulee suunnitella kyseisen median ehdoilla.

2. Kehys

Kehys tuo ilmeeseen erottuvuutta ja tunnistettavuutta. Se on monikäyttöinen graafinen elementti, jolla sommitelmaan luodaan rytmiä ja luonnetta.

Myös oikean kokoisen kulman pyöristyksen tekemiseen hyödynnetään apuruudukkoa. Kulman pyöristyksen kaaren tulee olla yhtä korkea tai leveä kuin apuruudukon yhden ruudun pidemmän sivun.

3. Esimerkkejä

Alla olevassa kuvakarusellissa esimerkkejä kuinka kehystä voi hyödyntää.

Liike

Joustava ja eteenpäin suuntautuva liikekieli vahvistaa mielikuvaa modernista kaupungista, joka pysyy liikkeessä. Johdonmukaisesti toistuva liikekieli tuo ilmeeseen selkeyttä ja tunnistettavuutta.

1. Liikekieli
2. Sisältö

1. Liikekieli

Joustava

Eteenpäin suuntautuva

Lahden liikkuvan kuvan toteutuksissa pyritään hyödyntämään kahta erilaista liikettä: joustava ja eteenpäin suuntautuva.

Liikkeen määrä ja nopeus tulee suunnitella tapauskohtaisesti. Pyritään aina rauhallisen tyylikkääseen toteutukseen.

Esimerkki joustavasta liikkeestä.

Esimerkki eteenpäin suuntautuvasta liikkeestä.

2. Sisältö

Sisältö määräytyy aina käyttötarkoituksen mukaan. Videon tai kuvan valinnassa on hyvä ottaa huomioon sen rajautuminen kehyksen muuttuessa. Parhaiten toimii ne, joiden tärkein sisältö on sommitelmallisesti oikeassa ylänurkassa.

Ota huomioon kuvan rajaus kehyksen muuttuessa.