Maaliskuu 2015 Versio 1.0 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti SENAATTI-KIINTEISTÖT VISUAALISEN ILMEEN OHJEISTO Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Lähtökohtana liike Visuaalinen ilme ja brändi on strateginen johtamisen työkalu: se luo mielikuvia ja viestii symbolisella tasolla, sisäisesti ja ulkoisesti, organisaation tavoitetilasta. Liikkuva ympyrä Visuaalisen ilmeen muutos viestii strategian muutoksesta. Näin myös Senaatti-kiinteistöjen kohdalla, jossa uudella ilmeellä viestitään muutosta kohti työn tekemisen tapojen ja työympäristöjen edelläkävijyyttä. Senaatti-kiinteistöjen visuaalisen ilmeen lähtökohtana toimii liike. Tämä symbolisoi ja kuvaa Senaatin luomien työympäristöjen mahdollistamaa toimintaa, muutosta ja eteenpäin vievää liikettä. Ilme viestii edelläkävijyydestä myös olemalla raikas, elävä, visuaalisesti moderni, sekä teknisesti edistyksellinen. Visuaalisen ilmeen taso luo mielikuvaa Senaatin toiminnan laadusta. On tärkeää noudattaa visuaalisen ilmeen ohjeistoa, jotta Senaatin visuaalisesta ilmeestä muodostuu laadukas, kaikissa yhteyksissä tunnistettava ja strategiseen tavoitemielikuvaan johtava kokonaisuus. Logo Värit Typografia Graafinen elementti Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit Versio 1.0 / Maaliskuu.2015 1. ILMEEN ELEMENTIT 1.4 Graafinen elementti Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto Versio 1.0 / Maaliskuu.2015 1.1 Logo Senaatin logo muodostuu pyöristetyistä kirjaimista, jotka voisivat olla ympyrän muotoisen työkalun piirtämiä viivoja – tallennettua liikettä. Näin ilmeen lähtökohdat toistuvat logon muotokielessä. Logon sabluunamaiset detaljit luovat tilan vaikutelmaa, ja mahdollistavat logon käyttämisen sellaisenaan erilaisissa fyysisissä sovelluksissa. Esimerkiksi opasteissa irtileikattuna levystä. Senaatti-sanan visuaalisesti hankalasta tt -yhdistelmästä on luotu ns. ligatuuri, josta muodostuu tunnistettava ja omalaatuinen logon detalji. Senaatin logosta on käytössä ainoastaan tällä sivulla näkyvä pääversio ja kohdassa logon kieliversiot näkyvät kieliversiot. Logossa ei käytetä kiinteistöt -sanaa missään yhteyksissä. 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto Logon riittävä erottuvuus ja selkeä näkyvyys taataan suoja-alueella. Suoja-alueen sisäpuolelle ei saa sijoittaa mitään muita visuaalisia elementtejä logon lisäksi. 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Logon suoja- ja sijoittelualue 1. Ilmeen elementit Logon suoja alue X S 4*S Suoja-alue on sisällytetty logon originaalitiedostoihin, joka helpottaa sen oikeaa käyttöä: originaalitiedoston voi sijoittaa pinnan reunaan tai kulmaan, jolloin suoja-alue muodostaa riittävän marginaalin. X 1,5 * S Originaalitiedostojen sisältö S = Logon “S”-kirjaimen korkeus 1,5 * S Logon sijoittelu suoja-alueen avulla Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Logon värillisyys Logon ensisijaiset värit Logoa käytetään ensisijaisesti punaisena. Muita sallittuja värejä ovat Senaatin tummempi harmaa (katso kohta 1.2 värit) ja valkoinen. Logon käyttöä mustana tulee välttää. Se on kuitenkin sallittua sellaisissa tapauksissa, joissa se on teknisesti välttämätöntä. Mikäli logoa käytetään värillisellä pohjalla tai valokuvan päällä, on sen oltava valkoinen. Tällöin on varmistettava, että tausta on logon suoja-alueen alueelta tarpeeksi tumman värinen ja rauhallinen, jotta logo erottuu selkeästi. Logo väripinnalla tai valokuvan päällä Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Logon virheellinen käyttö Noudata ohjeiston väriohjeita Käytä logoa punaisena, valkoisena tai harmaana. Tällä sivulla on esimerkkejä logon virheellisestä käytöstä. Noudattamalla tässä ohjeistossa määriteltyjä reunaehtoja sekä käyttämällä pelkästään logo-originaaleja niitä muuttamatta, vältetään logon virheellinen käyttö. Väripohjalla logo on aina valkoinen Älä käytä tehosteita tai efektejä Älä muuta logoa tai lisää siihen elementtejä KI INTE ISTÖT Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Asiakaslupaus Tunnusoriginaali asiakaslupauksella Senaatin logon yhteydessä voidaan käyttää visuaalisesti vakiomuotoista asiakaslupaus-elementtiä. Asiakaslupaus on ulkoasultaan vakiomuotoinen teksti, jonka käyttö noudattaa logon käyttösääntöjä mitä tulee esimerkiksi värillisyyteen ja kiellettyihin käyttöihin. Asiakaslupausta ja logoa käytetään yhtenä lukittuna kokonaisuutena. Tätä kokonaisuutta ei tule luoda itse, vaan sitä käytettäessä on hyödynnettävä olemassaolevia originaalitiedostoja. Asiakaslupauksen ulkoasua tai suhdetta logoon ei saa missään tapauksissa muokata, eikä sitä saa luoda itse. Älä muuta logon ja asiakaslupauksen visuaalisia suhteita, tai luo yhdistelmää itse. Teemme tilaa onnistumiselle Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Logoon yhdistettävä tunniste Esimerkkejä tunnisteista Erityistä tunnistettavuutta vaativille palveluille tai kokonaisuuksille on mahdollista luoda logoon perustuva tunniste. Tunnisteet ovat logon kaltaisia elementtejä, joiden käyttö noudattaa logon käyttösääntöjä mitä tulee esimerkiksi värillisyyteen ja kiellettyihin käyttöihin. Logo-osan ja nimi-osan tulee aina olla saman värisiä Tunnisteita ei tule luoda itse, eikä niiden ulkoasua tai suhdetta saa missään tapauksissa muokata, Jokaisesta viestinnän hyväksymästä tunnisteesta luodaan originaalitiedostot joita tulee käyttää. Tunnisteita voi tiedustella osoittesta: katri.tulander@senaatti.fi Tunnisteita ei tule misään tapauksissa luoda itse. Tunnisteiden osien keskinäistä sijoittelua tai suhteita ei saa muuttaa. Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto Versio 1.0 / Maaliskuu.2015 Logon kieliversiot Logosta voidaan poikkeuksillisissa tapauksissa käyttää tällä sivulla esitettyjä kieliversioita. Logon kieliversioiden käytöstä on aina sovittava markkinointi- ja viestintäyksikön kanssa. 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto Versio 1.0 / Maaliskuu.2015 Logo kuvakkeena Digitaalisissa kuvakkeissa logosta esiintyy pelkkä S-kirjain. Kirjain on punainen sävytetyllä valkoisella pohjalla tai valkoinen Senaatin liukuväri- tai elemntti-pohjalla. 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 1.2 Värit Senaatin värivalikoima perustuu ilmeen lähtökohtiin siten, että väreissä voi nähdä asteittaisen muutoksen tai liikkeen kylmästä lämpimään. Senaatin ilmeen värit perustuvat punaiseen tunnusväriin. Väripalettia on laajennettu punaiseen perustuen niin, että lisäväreiksi on valikoitu punaisen kanssa harmonisen, mutta elävän kokonaisuuden muodostavat lisävärit. Lisäksi Senaatin ilmeessä käytetään harmaasävyjä. Niiden avulla voidaan luoda selkeitä visuaalisia hierarkioita ja värien kanssa käytettäessä ne luovat mustaa pehmeämmän ja miellyttävämmän kontrastin. PMS 2592 C RGB #87189D 135 / 24 / 157 CMYK 60 / 90 / 0 / 0 PMS RGB CMYK Rubine Red C #AC0E6F 172 / 14 / 111 35 / 90 / 30 / 0 PMS 185 C RGB #E4002B 228 / 0 / 43 CMYK 0 / 95 / 80 / 0 PMS 1585 C RGB #F46211 248 / 98 / 17 CMYK 0 / 60 / 90 / 0 PMS RGB CMYK PMS Cool Gray 8 RGB #888B8D 136 / 139 / 141 CMYK 23 / 16 / 13 / 46 PMS Cool Gray 4 RGB #BBBCBC 187 / 188 / 188 CMYK 12 / 8 / 9 / 23 PMS Valkoinen RGB #FFFFFF 255 / 255 / 255 CMYK 0 / 0 / 0 / 0 Senaatin visuaalisen ilmeen värien käytössä on pyrittävä värikkääseen mutta selkeään vaikutelmaan. Visuaalinen ilme on kokonaisuutena värikäs, mutta yksittäisen sovelluksen ei välttämättä tarvitse sitä olla. Räikeää kirjavuutta on vältettävä. Värejä käytettäessä on noudatettava tarkasti tässä ohjeistossa määriteltyjä väriarvoja. Vain tällä tavalla voidaan varmistaa Senaatin värien tunnistettavuus eri sovellusten välillä. Musta #000000 0/0 /0 0 / 0 / 0 / 100 PMS RGB CMYK 137 C #FFA300 255 / 163 / 0 0 / 40 / 100 / 0 Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Värien käyttö Senaatin ilmeessä tavoitellaan modernia, raikasta ja elävää vaikutelmaa. Tavoitellun vaikutelman saavuttamiseksi on noudatettava tällä sivulla esitettyjä periaatteita. Valkoinen tila on Senaatin ilmeen kantavia elementtejä. Runsas valkoinen tila tuo ilmeeseen selkeyttä, raikkautta ja keveyttä. Valkoinen tasapainottaa muuten värikästä ja dynaamista ilmettä. Ilmeen elementit nousevat vahvoina ja energisesti valkoiselta pohjalta. Punainen on Senaatin ensisijainen tunnusväri, jonka on esiinnyttävä kaikissa sovelluksissa. Punainen on aina sovelluksen pääväri ja yksiväristen sovellusten ainoa väri. Senaatin ilmeen muita värejä käytetään tasapuolisesti. Niitä käytetään esimerkiksi korostukseen, informaation jäsentämiseen ja kaavioihin. Yksittäistä lisäväriä ei saa käyttää sovelluksen päävärinä, vaan päävärin tulee aina olla punainen. Harmaan sävyjä ja mustaa käytetään tasapainottamaan ilmeen värimaailmaa ja erilaisten informaatiohierarkioiden selkeyttämiseen, esimerkiksi latomalla eritasoisia tekstielementtejä harmaiden eri sävyillä. Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 1.3 Typografia Senaatin käyttämä kirjasintyyppi niin painetussa kuin digitaalisessa viestinnässä on Simplon Norm. Kirjasimesta käytetään ensisijaisesti Light ja Bold -leikkauksia. Regular leikkausta ei normaalisti käytetä. Poikkeuksen muodostavat hyvin pienet tekstikoot vaativissa teknisissä olosuhteissa, joissa on tekstin luettavuuden takia käytettävää Light -leikkausta paksumpaa Regular -leikkausta. Tällaisia sovelluksia ovat esim. lehti-ilmoitukset. Tietokoneissa käytettävät kirjasimet (eli fontit) ovat lisensoituja tietokoneohjelmia. Senaatin käyttämiä kirjasimia ei saa käyttää, kopioida, jaella tai myydä kolmansille osapuolille ilman asianmukaista lisenssiä. Lisätietoja Simplon Norm -kirjasimesta ja sen lisensoinnista saa osoitteesta: https://www.swisstypefaces.com/fonts/simplon/ Kirjasimet: Simplon Norm Bold Simplon Norm Light PALVELUT VALTIONHALLINNOLLE YHTEISKUNTAVASTUURAPORTTI 2014 Senaatti-kiinteistöt Arvokiinteistöt Neuvotteluhuone Toimimme johdon strategisena kumppanina. ASIANTUNTIJAPALVELUT OHJAAVAT OIKEAAN PÄÄTÖKSEEN Rakennuksia Neliömetrejä Kiinteistöomaisuus Liikevaihto Vuokraustoimintaa SUITIA 10 500 6,4 milj. 4,5 mrd. € 630 milj. € 576 milj. € Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto Versio 1.0 / Maaliskuu.2015 Korvaavat järjestelmäkirjasimet (fontit) Kirjasin on logon rinnalla merkittävin tunnistettavaa ja erottuvaa visuaalista ilmettä rakentava elementti. Tästä syystä on hyvin tärkeää, että kaikissa Senaatin materiaaleissa pyritään käyttämään visuaalisen ilmeen Simplon Norm -kirjasinta. Kun tätä kirjasinta ei ole käytössä tai sen käyttö ei ole teknisesti järkevää, voidaan ilmeen kirjasin ja sen leikkauksia, korvata yleisesti saatavilla olevilla järjestelmäkirjasimilla seuraavasti: • Ensisijaisesti järjestelmäkirjasimella Calibri. Esimerkiksi Powerpoint ja Word -pohjissa. • Tahomalla sellaisissa tilanteissa joissa Calibria ei ole mahdollisuutta käyttää. Esimerkiksi uutiskirje tai sellaiset www-sivut missä Simplon Norm -kirjasinta ei ole käytössä. 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Simplon Norm Light ↓ Calibri Regular Tahoma Regular Simplon Norm Bold ↓ Calibri Bold Tahoma Bold Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Typografian käyttö ja typografiset elementit Tekstielementtien muotoilussa käytetään seuraavia reunaehtoja ja noudatetaan tällä sivulla esiintyviä esimerkkejä. Kaikissa teksteissä on käytettävä OpenType formaatin ”Stylistic Set 1” -valintaa, joka muuttaa pienaakkos a:n muodon (a → a). OTSIKOT • Sovelluksen pääotsikko ladotaan VERSAALEINA (caps). Mikäli sovelluksessa on enemmän kuin yksi otsikko, tulee muut otsikot latoa pienaakkosin (lowercase). • Otsikot ovat aina värillisiä. Sovelluksissa, joissa on enemmän kuin yksi otsikko, voidaan kuitenkin latoa alempien tasojen otsikoita harmaalla tai mustalla selkeän hierarkian muodostamiseksi. • Versaaleina ladotun otsikon välistys on 15‰. • Otsikoiden riviväli on 90% - 110% kirjasimen pistekoosta LEIPÄTEKSTI • Leipätekstin riviväli on 125% - 135% kirjasimen pistekoosta • Leipätekstin voi latoa myös harmaalla, silloin kun se selkeyttää taiton hierarkiaa. MUUT ELEMENTIT • Taittojen jäsentelyyn käytetään eripaksuisia värillisä viivoja. Viivalla korostettu otsikko Asiakirjahallinnon osaaja, Helsinki Senaatti-kiinteistöt Senaatti-kiinteistöt luo uusia työnteon tapoja tukevia työympäristöjä, joissa innostutaan, onnistutaan ja viihdytään. Visionamme on yhdessä asiakkaidemme kanssa tehdä Suomen valtiosta uusien työnteon tapojen ja työympäristöjen edelläkävijä. Huolehdimme valtion kiinteistövarallisuudesta yhteiskuntavastuullisesti ja luomme osaamisellamme arvoa yhteiskunnalle. Senaatti-kiinteistöt kehittää asiakirjojen käsittelyään. Etsimme asiakirjahallinnon osaajaa tietohallinnon asiakirjapalvelutiimiin Helsinkiin. Tarkemmat tiedot: www.senaattimyy.fi Senaatti-kiinteistöt myy TARJOUSTEN PERUSTEELLA KOIVIKKO Myydään noin 76 ha määräala rakennuksineen Koivikko 5:15 nimisestä tilasta (ent. Koivikon koulukoti). Määräala sisältää pihapiirin noin 6 ha, jossa on useita rakennuksia (mm. opetus, majoitus ja verstastiloja), metsää noin 62 ha ja peltoa noin 7,8 ha. Määräala rajoittuu Verijärveen noin 1,6 km matkalta. Kaikki tämä vain 10 km päässä Mikkelin keskustasta! Esittely Koivikontie 8 Ti. 17.2 klo 10.00–12.00 . Hae tehtävää rekrytointi.senaatti.fi Lisätietoa Rykmentinpuistosta ja tarjottavista kohteista löytyy sivuilta www.senaattimyy.fi ja www.rykmentinpuisto.fi ”Parasta työssäni on mahdollisuus tehdä töitä eri puolella Suomea asuvien kanssa.” Anna Sarpo, johtava asiantuntija Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Typografia painetuissa medioissa Tällä sivulla on ohjeellisia tekstimuotoiluja, joita käytetään painettujen medioiden typografian määrittelyn lähtökohtana. Typografian muotoilun on kuitenkin oltava tapauskohtaista, joten muutkin ratkaisut ovat mahdollisia, sovelluksen kokonaisilmeen niin vaatiessa. Tällöin on kuitenkin varmistettava, että visuaalinen ulkoasu on samankaltainen kuin muissa Senaatin materiaaleissa. Tämän sivun kokomääritelmien pohjana on käytetty seuraavia mittayksiköitä, joka on myös sovelluksissa käytettävän rivirekisterin väli: Ilmoitukset 5,51 pt Muut painetut mediat 6,199 pt Esimerkiksi leipätekstin koko ilmoituksissa on 8,265 pt (1,5 x 5,51 pt) ja riviväli 11,02 pt (2 x 5,51 pt), kun vastaavat koot muissa painetuissa medioissa ovat 9,298 pt ja 12,398 pt. [KOKO 6 / KOKO 6] OTSIKKO [KOKO 5 / RIVIVÄLI 5] OTSIKKO [KOKO 4 / RIVIVÄLI 4] OTSIKKO [Koko 3 / Riviväli 3] OTSIKKO tai iso nosto. [Koko 3 / Riviväli 4] Iso teksti. Esim. ingressi, nosto tai sitaatti. [Koko 2 / Riviväli 2] Isompi teksti esimerkiksi nosto, sitaatti tai muu korostus. [Kirjasinkoko 1,5 / Riviväli 2] Leipäteksti. Obisquam, omniminim ex est eaquuntia quae ideni occatus intio et fugit liquatibera nihiti. Veligni hictotatur? Quibustrum quae velliqu istruptam rehenime plaborio. Nemquo tes incium nobissinctum non eliquam nulparcia. ALAOTSIKKO • Bullet point • Bullet point • Bullet point ALAOTSIKKO RIVISSÄ Adis ducientis sunt omnimus errum quis voluptati Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Typografia digitaalisissa medioissa Tällä sivulla on ohjeellisia tekstimuotoiluja, joita käytetään digitaalisten medioiden typografian määrittelyn lähtökohtana. Kokomääritelmien pohjana on käytetty seuraavia mittayksiköitä: Tekstin pistekoon kerroin 7 pt Rivirekisteri ja rivivälin kerroin 8 pt Esimerkiksi leipätekstin koko digitaalisissa medioissa on 14 pt (2 x 7 pt) ja riviväli 16 pt (2 x 8 pt). Tekstikoko 2/2 Oletustekstikoko 14 pt / 16 pt Tekstikoko 2,5/2 Navigaatio-elementit 17,5 pt / 16 pt Kappaleen jälkeen tilaa 4 pt Tekstikoko 4/4 Sivuosioiden otsikot, väliotsikot, sitaatit, ingressit 28 pt / 32 pt Tekstikoko 6/5 Pääotsikot 42 pt / 40 pt Tekstikoko 12/9 84 pt / 72 pt Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Typografia digitaalisissa medioissa, esimerkkejä Päänavigaatio | Koko 2,5 | Bold Murupolku | Koko 2,5 Digitaalisten medioiden tekstielementtien muotoilussa noudatetaan kohdan Typografian käyttö ja typografiset elementit -määritelmien lisäksi tällä sivulla esiintyviä esimerkkejä . 3 Alanavigaatio 3 Koko 2,5 Sivun pääotsikko koko 6 3 Alanavigaatio 3 Alanavigaatio Sivun osio koko 4 Linkit = Bold ” Sitaatti koko 4 Lainausmerkki koko 6 Lue lisää Leipäteksti. Obisquam, omniminim ex est eaquuntia quae ideni occatus intio et fugit liquatibera nihitia aligenectore comni sim et audiorem ducid utaqui te re doles dolenim odipsunt ma voloremque enditempedit aliti bea vollectaqui sant, ipsunt vellaccae minciti umquaerum ut poriandit voluptatem velit re porepernat resequasim quam nese de et eaqui occabore cum nonsequia dolorestrum impel elique volor magnis aut omnienissunt harchit et as delia sectat pa volest, odis eicae vollatur andipsa pitatem niet minulla nienditae laborrum ipis a dollore ptaquam des eos explibus. ALAOTSIKKO Adis ducientis sunt omnimus errum quis voluptatio veligni hictotatur? Quibustrum quae velliqu istruptam rehenime plaborio. Nemquo tes incium nobissinctum non eliquam nulparcia Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto Versio 1.0 / Maaliskuu.2015 1.4 Graafinen elementti Senaatin visuaalisessa ilmeessä käytetään kolmiulotteista liikettä ja liikerataa kuvaavaa elementtiä. Elementti on logon, kirjasinten ja värien rinnalla tärkeä tunniste-elementti, jota on pyrittävä käyttämään kaikissa sovelluksissa. Elementti esiintyy hieman erilaisena jokaisessa sovelluksessa, tuoden näin ilmeeseen dynaamisuutta, elävyyttä ja värikkyyttä. Elementin käyttö noudattaa seuraavilla sivuilla määriteltyjä reunaehtoja, jotka varmistavat sen yhtenäisyyden. 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto Versio 1.0 / Maaliskuu.2015 Elementin käyttö Graafisen elementin ensisijainen tavoite on tuoda ilmeeseen tilan ja liikkeen vaikutelmaa. Lisäksi sen avulla ilmeeseen saadaan vaihtelevuutta, dynaamisuutta, syvyyttä ja värikkyyttä. Elementin käyttö on suhteellisen vapaata: tärkeintä on tavoitella visuaalista näyttävyyttä ja tunnistettavuutta sekä luoda värien käytöllä raikas ja voimakas lopputulos. GRAAFISEN ELEMENTIN KÄYTÖSSÄ ON HUOMIOITAVA SEURAAVAT KÄYTÄNNÖT: • Jätä elementin ympärille valkoista tilaa. Elementin käytössä on huomioitava ilmeessä tavoiteltava raikkaus ja vältettävä sen käyttämistä liian raskaana elementtinä. • Pyri rajaamaan elementti niin, että siinä esiintyy mahdollisimman laajasti Senaatin väriskaala. • Yleinen periaate on, että elementti rajautuu aina sovelluksen reunoihin, sitä ei koskaan nähdä kokonaisena. Näin luodaan vaikutelma isoista ja rajaamattomista pinnoista. Tämä tuo ilmeen sovelluksiin syvyyden tuntua, suurta mittakaavaa ja liikettä. • Elementtiä tai sen kaltaisia elementtejä ei tule luoda itse. Käytä aina elementistä luotuja originaalitiedstoja. 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 Väripinnat Liukuväri-originaalit Senaatin visuaaliseessa ilmeessä tasaisten väripintojen sijasta käytetään hienovaraisia liukuvärejä. Näin ilmeen väriskaala ja graafisen elementin visuaaliset piirteet toistuvat kompakteissa väripinnoissa. LIUKUVÄREJÄ KÄYTETÄÄN SEURAAVASTI: • Liukuvärejä ei tule luoda itse. Käytä aina liukuvärien originaalitiedostoja. • Originaalitiedostot rajataan niin, että niistä näkyy vain 1/4 -osa. Näin kolmella liukuväri-originaalilla saadaan aikaan 12 erilaista hienovaraista liukuväriä. Originaalien rajaus Rajatut liukuvärit Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 1.5 Valokuvien käyttö OTSIKKO OTSIKKO ALAOTSIKKO Senaati Jotta valokuvat visuaalisena elementtinä istuisivat Senaatin ilmeen muotokieleen, voidaan ne rajata ympyrämuotoon silloin kun niitä käytetään yhdessä graafisen elementin kanssa. Näin ne voidaan tulkita graafisen elementin osaksi. Graafisen elementin sijoittelussa tulee korostaa tätä vaikutelmaa. OTSIKKO Leipäteksti endi ius velestr umquae venimus eum aut aut es utet eaquiantion nimint ut quatet at ut et vita aliquiae apelloria sa alibus im is maximol upidit. Väliotsikko • Bullet point • Bullet point • Bullet point Tarkemi valokuvien konsepti tullaan luomaan vuoden 2015 aikana. Pienempi tekstikoko. Senaati Senaati 1.9.2014 / ANNIKA AHONALA CASE: TEKES Rahoitamme innovaatioita, joten halusimme olla myös itse edelläkävijä työympäristön uudistamisessa. Lue lisää Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 1.6 Formaatit Käytä ensisijaisesti pystyformaatteja Senaatin painettujen sovellusten formaateissa noudatetaan seuraavaa järjestelmää: • Senaatin ilmeessä käytetään ensisijaisesti pystymuotoisia formaatteja. Nämä korostavat ilmeen ja graafisen elementin dynaamisuutta ja liikkeen vaikutelmaa. Vaaka- ja neliöformaatit antavat staattisen vaikutelman. • Pinta-ala jaetaan 17,5 mm X 17,5 mm kokoiseen ruudukkoon. (Mitta perustuu A4-formaatin lyhyemmän sivun jakoon 12 osaan.) Kohdan Typografia painetuissa medioissa määritelmät perustuvat myös tähän ruudukkoon ja luovat näin ruudukon kanssa harmonisen kokonaisuuden. • Esiteformaattien koot perustuvat ruudukkoon niin, että yleisesitteet ovat 14 x 10 yksikköä, palvelukokonaisuudet 14 x 9 yksikköä, ja tuote-esitteet 14 x 8 yksikköä. Esitteiden formaatit Käytä Senaatin formaatteja ja ruudukkoa aina kun mahdollista. Yleisesitteet 14 x 10 yksikköä: 245 mm x 175 mm Palvelukokonaisuudet 14 x 9 yksikköä: 245 mm x 158 mm Tuotteet 14 x 8 yksikköä: 245 mm x 140 mm Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 1. Ilmeen elementit 1.1Logo 1.5 Valokuvien käyttö 2. Esimerkkejä ja käytäntöjä 1.2Värit 1.6Formaatit 3.Originaalit 1.3Typografia 1.7Paperit 1.4 Graafinen elementti Versio 1.0 / Maaliskuu.2015 1.7 Paperit PAPERI KÄYNTIKORTEISSA PAPERI LOMAKKEISTOSSA SUOSITELTU KARTONKI Curious Cosmic Mercury Pearl 360 g/m² Plike White 330 g/m² Munken Polar 120 g/m² Trucard Matt 0 330 g/m² PAPEREIDEN KÄYTTÖ JULKAISUISSA Sivumäärä Senaatin materiaaleissa käytetään ensisijaisesti Munken Polar -paperilaatua. Munken Polar on laadukas täysin valkoinen päällystämätön paperi, joka synnyttää hienostuneen, lämminhenkisen ja raikkaan vaikutelman. Valkoisuus muodostaa hyvän pohjan värikkäälle ilmeelle, mutta päällystämätön pinta varmistaa, että värit eivät toistu liian räikeinä. 2 – 8 8 – 16 16 – 64 Munken Polar 160 – 200 Munken Polar 120 – 160 Munken Polar 90 – 120 Ei erillistä kansipaperia Ei erillistä kansipaperia Munken Polar Noin kaksi kertaa sisäsivujen grammamäärä. Aina suurempi kuin 200 g/m². Sisäsivut Laatu g/m² Kannet Laatu g/m² Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto Versio 1.0 / Maaliskuu.2015 2. ESIMERKKEJÄ JA KÄYTÄNTÖJÄ 1. Ilmeen elementit 2. Esimerkkejä ja käytäntöjä 3.Originaalit 1. Ilmeen elementit Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 2. Esimerkkejä ja käytäntöjä 3.Originaalit Versio 1.0 / Maaliskuu.2015 Käytä valokuvaa elementin päällä niin, että ne näyttävät muodostavan yhtenäisen kuvion. Jätä elementin ympärille reilusti valkoista tilaa silloin kun se on mahdollista. Elementti on ensisijaisesti taustaelementti. Senaatti-kiinteistöt myy UNIIKKI KESKIAIKAINEN SUITIAN KARTANOLINNA Myöhäiskeskiajalta peräisin oleva komea Suitian kartanolinna sijaitsee Siuntiossa Länsi-Uudellamaalla. Aikanaan Flemingin suuraatelissuvulle kuuluneen linnan holvimaiset katot, jykevät kiviportaat, koristeelliset ikkunat ja upeat kakluunit kertovat rakennuksen pitkästä historiasta ja huolella hoidetusta, arvokkaasta linnasta. Valtakunnallisesti merkittävä kulttuuriympäristö käsittää 1540-luvulla rakennetun aatelislinnan lisäksi upean historiallisen puistoympäristön ja runsaslukuisen rakennuskannan. Kartanoon kuuluu 771 hehtaaria maata, josta noin 260 hehtaaria on peltoa. Rauhoita ja jaksota kokonaisuuksia käyttämällä liukuväripintoja. Käytä värejä ja viivoja edesauttamaan sisällön selkeää hahmotusta hierarkioita luomalla. Alueella oleva runsas rakennuskanta soveltuu moniin tarkoituksiin. Suitian kartano maa-alueineen myydään tarjousten perusteella. , Tutustu linnaan osoitteessa www.suitiankartano.fi Lisätiedot ja esittelyt: Huoneistoforum Oy Rajaa elementti maksimaalisen tilan ja likkeen vaikutelman aikaansaamiseksi. Ilkka Ala-Ketola puh. 050 555 3515 ilkka.ala-ketola@huoneistoforum.fi Jukka Ignatius puh. 0400 406 066 jukka.ignatius@huoneistoforum.fi Senaatti-kiinteistöt www.senaattimyy.fi Käytä logoa tyylillä allekirjoitusmaisesti. Sen ei tule olla sovelluksen merkittävin elementti. Hyvödynnä värejä elävän, raikkaan ja selkeän lopputuloksen luomiseen. Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto Versio 1.0 / Maaliskuu.2015 3. ORIGINAALIT 1. Ilmeen elementit 2. Esimerkkejä ja käytäntöjä 3.Originaalit 1. Ilmeen elementit Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 2. Esimerkkejä ja käytäntöjä 3.Originaalit Versio 1.0 / Maaliskuu.2015 185 CG8 LOGO BLACK LOGO_TAGLINE WHITE Logo-originaalit Senaatin logosta ja logosta yhdistettynä asiakaslupaukseen on tuotettu tällä sivulla esitettyä järjestelmää noudattavat originaalitiedostot. Huomioi seuraavat asiat käyttäessäsi logo-originaaleja: • PDF-päätteiset tiedostot ovat vektoritiedostoja jotka ovat vapaasti skaalattavissa. Suurentaminen ei heikennä originaalin piirtotarkkuutta. • PDF-tiedosto korvaa aikaisemmin yleisen mutta nykyään vanhentuneen EPS-tiedostomuodon. • PNG-päätteiset tiedostot ovat bittikarttatiedostoja joita voi pienentää mutta ei suurentaa. Suurentaessa piirtotarkkuus heikkenee ja logo esiintyy epätarkkana. • PNG-tiedostoja ei tule missään tilanteissa käyttää painetuksi tarkoitetuissa sovelluksissa tai fyysisten toteutusten aineistona (tekstiilipainatukset, opasteet yms.). • Jos olet epävarma käytettävästä tiedostomuodosta valitse PDF-muotoinen tiedosto. Varmista, että käytät aina uusinta tunnusversiota ja originaalitiedostoa. Älä tee muutoksia originaalitiedostoihin. \ 01 Pääversio \ PRINT \ 02 Englanninkielinen \ SCREEN \ 03 Ruotsinkielinen \ SENAATTI_LOGO_PRINT_185.PDF PRINT SCREEN PDF PNG Kansio Kieliversio Kansio Värijärjestelmä Tiedoston nimi SENAATTI_SISÄLTÖ_VÄRIJÄRJESTELMÄ_VÄRI.PÄÄTE Valitse haluamasi kieliversio. Valitse haluamasi värijärjestelmä: Valitse haluamasi logon versio: PRINT-kansion originaalit soveltuvat painettaviin sovelluksiin ja ovat CMYK-värijärjestelmän mukaisia. LOGO -versio sisältää ainoastaan tekstilogon, LOGO_TAGLINE -versio logon asiakaslupauksella. (Logon kieliversioista ei ole asiakaslupaus-versiota) SCREEN-kansion originaalit soveltuvat toimisto- ja verkkokäyttöön (mm. www-sivuille ja MS Office -sovelluksiin) ja ovat RGB-värijärjestelmän mukaisia. Logo-originaalien värivaihtoehdot ovat 185 (punainen), CG8 (Harmaa Cool Gray 8), BLACK (musta) tai WHITE (valkoinen). Painettaviin sovelluksiin tarkoitetut tiedostot ovat PDF-muodossa. Toimisto- ja verkkokäyttöön tarkoitetut tiedostot ovat PNG-muodossa. 1. Ilmeen elementit Senaatti-kiinteistöt Visuaalisen ilmeen ohjeisto 2. Esimerkkejä ja käytäntöjä 3.Originaalit Versio 1.0 / Maaliskuu.2015 Graafisen elementin originaalit Senaatin graafisesta elementistä on tuotettu tällä sivulla esitettyä järjestelmää noudattavat originaalitiedostot. PRINT SCREEN KOODI \ PRINT \ SENAATTI_ELEMENTTI_PRINT_A_-1+2.PDF \ SCREEN A B Huomioi graafisen elementin originaalien käytössä samat asiat kun logo-originaaleja käytettäessä. Graafisen elementin SCREEN-tiedostot ovat logo-originaaleista poiketen myös PDF-tiedostoja. Elementti on ensisjiaisesti tarkoitettu visuaalisten suunnittelijoiden käyttöön, eikä tiedostoja normaalisti käytetä sellaisinaan. Tästä syystä myös SCREEN-tiedostot ovat vapaasti skaalattavissa olevia vektoritiedostoja, eikä esim. MS Office -käyttöön soveltuvia bittikarttatiedostoja ole luotu. Kansio Värijärjestelmä Tiedoston nimi SENAATTI_ELEMENTTI_VÄRIJÄRJESTELMÄ_VERSIO_KOODI.PÄÄTE Valitse haluamasi värijärjestelmä: Valitse haluamasi logon versio: PRINT-kansion originaalit soveltuvat painettaviin sovelluksiin ja ovat CMYK-värijärjestelmän mukaisia. Versioissa A keltainen on etualalla, versioissa B lila. SCREEN-kansion originaalit soveltuvat toimisto- ja verkkokäyttöön tulevien sovellusten suunnitteluun ja ovat RGB-värijärjestelmän mukaisia. KOODI on elementin kiertoasteeseen liittyvä tiedostot yksilöivä numerosarja, jolla ei ole merkitystä elementin originaalitiedoston valintaan. Lisätietoja: katri.tulander@senaatti.fi © Senaatti-kiinteistöt 2015 Päivitetty 2.3.2015 Ilmeen suunnittelu: Werklig Oy
© Copyright 2024