Graafinen ohjeisto - Senaatti

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:
[email protected]
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
[email protected]
Jukka Ignatius
puh. 0400 406 066
[email protected]
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:
[email protected]
© Senaatti-kiinteistöt 2015
Päivitetty 2.3.2015
Ilmeen suunnittelu: Werklig Oy