17
Graafinen ohjeisto

Fennovoiman graafinen ohjeisto

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Fennovoiman graafinen ohjeisto

Graafinen ohjeisto

Page 2: Fennovoiman graafinen ohjeisto

2

Johdanto SisältöGraafinen ohjeisto on apuväline, jota noudattamalla Fennovoi-man visuaalisesta ilmeestä rakentuu tunnistettava ja laadullisesti yhtenäinen kokonaisuus.

Yhtenäinen ja johdonmukainen visuaalinen ilme heijastaa Fenno-voiman toiminnan laatua, luotettavuutta ja pitkäjänteisyyttä.

Visuaalisen ilmeen elementeillä pyritään raikkaaseen, moderniin ja elävään vaikutelmaan.

Fennovoiman ilmeen kantava periaate on selkeys. Informaation ja sisällön selkeä esittäminen heijastaa Fennovoiman toiminnan läpinäkyvyyttä, vastuullisuutta ja tiedon saatavuutta.

Ilmeen elementit

Logo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 Suoja-alue . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5 Sijoittelu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .6 Värillisyys . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

Värit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8 Lisävärit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

Osavärit . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

Värien käyttö . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 11

Typografia . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .12 Esimerkkejä . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Sommittelu . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .15

Page 3: Fennovoiman graafinen ohjeisto

3

Ilmeen elementit1

LogoVäritTypografiaSommitteluValokuvatPaperit

Page 4: Fennovoiman graafinen ohjeisto

Värit

typOgrafia

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 4Logo

Fennovoiman logosta on kaksi versiota; yksirivinen ja kahdelle riville jaettu logo. Yksirivinen logo on ensisijai-nen vaihtoehto kaikessa viestinnässä.

Kahdelle riville jaettua logoa voidaan käyttää erikoista-pauksissa: mm. tilanteissa joissa logolle varattu tila on sivusuunnassa liian pieni.

Tämän ohjeiston ohjeet koskevat kumpaakin logoa vaikka ohjeiston kuvituksissa käytetään ainoastaan yksirivistä vaihtoehtoa.

Logoa ei tule missään tapauksessa koostaa valmiista kirja-sintyypeistä, vaan se tulee toisintaa aina ohjeiston kanssa toimitettuja originaalitiedostoja käyttäen.

Logo Yksirivinen logo Ensisijainen vaihtoehto kaikessa viestinnässä

Kaksirivinen logo käytetään ainoastaan erikoistapauksissa .

Page 5: Fennovoiman graafinen ohjeisto

Värit

typOgrafia

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 5Logo

Logon riittävä erottuvuus ja selkeä näkyvyys taataan suo-ja-alueella. Suoja-alueen sisäpuolelle ei saa sijoittaa mi-tään muita visuaalisia elementtejä logon lisäksi.

Suoja-alueen koko on 1 x logon korkeus joka suuntaan lo-gon uloimmista pisteistä mitattuna.

LogoSuoja-alue

Fennovoiman logon suoja-alue on sama kuin logon korkeus

Page 6: Fennovoiman graafinen ohjeisto

Värit

typOgrafia

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 6Logo

Logo tulee ensisijaisesti sijoittaa sivun tai pinnan vasem-paan yläreunaan.

Logo sijoitellaan niin, että sen kirjaimet tasaantuvat ylä-reunan ja vasemman reunan marginaaleihin.

Logon suoja-alueen korkeus tulee olla noin 1,5 kertaa marginaalin koko. Näin logon kirjaimet ovat 1/2 margi-naalin koosta, ja logo-originaalin yläreuna sijoittuu mar-ginaalin puoliväliin.

Tarkempia ohjeita pinnan jaosta, marginaaleista ja lo-gon sijoittelusta löytyy kohdasta 1. Ilmeen elementit / Sommittelu.

LogoSijoittelu

Logon suoja-alueen korkeus: 1,5 * marginaali

Page 7: Fennovoiman graafinen ohjeisto

Värit

typOgrafia

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 7Logo

Logoa käytetään ensisijaisesti värillisenä. Väriarvot on määritelty kohdassa 1. Ilmeen elementit / Värit.

Tarvittaessa logoa voidaan käyttää yksivärisenä, tällöin logo on ensijaisesti valkoinen, mutta myös harmaan eri sä-vyt ja musta ovat sallittuja.

Mikäli logoa käytetään värillisellä pohjalla tai valokuvan päällä, on sen oltava valkoinen.

Jos logo sijoitetaan valokuvan päälle, varmistetaan, että valokuva on logon/suoja-alueen kohdalla mahdollisim-man yksivärinen ja selkeä.

Logoa ei milloinkaan käytetä muissa väreissä tai aseteta väripohjalle tai valokuvan päälle muun kuin kuin valkoi-sen värisenä.

LogoVärillisyys

Kielletty käyttö Valokuvan päällä tai väripohjalla harmaasävyissä tai värillisenä .

Värillinen versio pantone / Cmyk / rgB

Valokuvan päällä tai väripohjalla Valkoinen

Yksivärinen Harmaasävyt valkoisesta mustaan .

Page 8: Fennovoiman graafinen ohjeisto

LOgO

typOgrafia

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 8VärIT

Fennovoiman päävärit ovat vihreä (PMS 360) sekä sini-nen (PMS 2925). Näitä värejä voidaan täydentää harmail-la (Cool Gray 4 ja 1), sekä seuraavalla sivulla esitetyillä lisäväreillä.

Värejä käytettäessä on noudatettava tarkasti tässä ohjeis-tossa määriteltyjä väriarvoja. Vain tällä tavalla voidaan varmistaa Fennovoiman värien tunnistettavuus eri sovel-lusten välillä.

Tarvittaessa harmaat voidaan toteuttaa mustan sävyinä. Cool Gray 7 toteutetaan 30% mustana, ja Cool Gray 1 to-teutetaan 15% mustana.

Erityistä juhlavuutta vaativissa painotuotteissa ja erikois-kohteissa harmaan asemesta voidaan käyttää hopeaa (PMS 877) tai mattaa hopeafoliointia.

Värit

PmS 360 PmS 2925 Cool gray 4 Cool gray 1

PmS 360

C63 m0 y84 k0

r108 g194 B74

HtmL 6CC24a

PmS 2925

C85 m21 y0 k0

r0 g156 B222

HtmL 009CDE

CooL grAY 4

HoPeA PmS 877

C12 m8 y9 k23

k30

r187 g188 B188

HtmL BBBCBC

CooL grAY 1

C4 m2 y4 k8

k15 r217 g217 B214

HtmLD9D9D6

Väripaletti päävärit

Page 9: Fennovoiman graafinen ohjeisto

LOgO

typOgrafia

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 9VärIT

Fennovoiman ilmeessä on mahdollista käyttää myös tässä määriteltyjä lisävärejä esimerkiksi korostukseen, infor-maation jäsentämiseen ja kaavioihin. Ne eivät kuitenkaan saa missään tapauksessa olla painoarvoltaan päävärejä isompia, tai olla sovelluksen pääväri.

PmS 356

C91 m4 y100 k25

r0 g122 B51

HtmL 007a33

PmS 116

C0 m14 y100 k0

r255 g205 B0

HtmL ffCD00

PmS 3015

C100 m35 y3 k21

r0 g98 B155

HtmL 00629B

PmS 514

C16 m55 y0 k0

r212 g139 B200

HtmL D48BC8

PmS 716

C0 m61 y99 k0

r234 g118 B0

HtmL Ea7600

PmS 520

C67 m95 y4 k16

r100 g47 B108

HtmL 642f6C

Väripaletti Lisävärit

PmS 356

PmS 716PmS 116

PmS 3015

PmS 520PmS 514

VäritLisävärit

Page 10: Fennovoiman graafinen ohjeisto

LOgO

typOgrafia

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 10VärIT

Taulukoissa ja vastaavissa graafisissa esityksistä on mah-dollista käyttää päävärien osavärejä. Suositeltavia osaväre-jä ovat 75%, 50% sekä 25% pääväreistä.

VäritOsavärit

25%

25%

25%

25%

25%

25%

25%

25%

50%

50%

50%

50%

50%

50%

50%

50%

100%

100%

100%

100%

100%

100%

100%

100%

75%

75%

75%

75%

75%

75%

75%

75%

Väripaletti Esimerkkejä osaväreistä

Page 11: Fennovoiman graafinen ohjeisto

LOgO

typOgrafia

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 11VärIT

Fennovoiman ilmeessä tavoitellaan modernia, raikasta ja elävää vaikutelmaa. Tavoitellun vaikutelman saavuttami-seksi värien monipuolisella käytöllä ja kontrasteilla on iso merkitys.

Fennovoiman sovelluksissa on sallittua käyttää useaa väriä samanaikaisesti, mutta värien käytössä on otettava huomioon seuraavat periaatteet:

• Suurin osa sovelluksen pinta-alasta jätetään valkoisek-si, jolloin lopputulos on puhdas, raikas ja selkeä.

• Pääväreistä sinistä ja vihreää käytetään yleisesti ottaen tasa-arvoisina.

• Lisävärejä käytetään pienemmässä suhteessa funktio-naalisina huomio- tai korostusväreinä.

VäritVärien käyttö

Page 12: Fennovoiman graafinen ohjeisto

LOgO

Värit

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 12TYPogrAFIA

Fennovoiman käyttämät kirjasintyypit niin painetussa kuin digitaalisessa viestinnässä ovat päätteellinen Docu-menta sekä päätteetön Stag Sans.

Ensisijaisesti käytettävät kirjasintyyppien leikkaukset:

• Documenta T Regular, Italic ja Bold

• Stag Sans Light ja Semibold

Typografisen sävyn elävöittämiseksi voidaan käyttää esimerkiksi nostoissa ja avainluvuissa Stag Thin Dot -kirjasinta.

Tietokoneissa käytettävät kirjasimet (eli »fontit») ovat lisensoituja tietokoneohjelmia. Fennovoiman käyttämiä kirjasimia ei saa käyttää, kopioida, jaella tai myydä kol-mansille osapuolille ilman asianmukaista lisenssiä.

Typografia

Suomen sähköntuotannosta yli neljännes tulee ydinvoimasta.Stag Sans Semibold

Suomen sähköntuotannosta

yli neljännes tulee ydinvoimasta.Stag Thin Dot

Suomen sähköntuotannosta

yli neljännes tulee ydinvoimasta . Stag Sans Light

Suomen sähköntuotannosta yli neljännes tulee ydinvoimasta. DTL Documenta T regular

Suomen sähköntuotannosta yli neljännes tulee ydinvoimasta. DTL Documenta T Italic

Page 13: Fennovoiman graafinen ohjeisto

LOgO

Värit

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 13TYPogrAFIA

Kirjasintyyppi

Documenta roman

Documenta italic

Documenta Bold

Stag Sans Light

Stag Sans Book

Stag Sans medium

Stag Sans Semibold

Stag thin Dot

Verdana regular

Verdana italic

Verdana Bold

ots

iko

t

alao

tsik

ot

ing

ress

it

leip

ätek

stit

välio

tsik

ot

leip

ätek

stin

ko

rost

uks

et

gra

afis

et e

sity

kset

kuva

teks

tit

no

sto

t

ots

iko

t

alao

tsik

ot

ing

ress

it

leip

ätek

stit

välio

tsik

ot

leip

ätek

stin

ko

rost

uks

et

gra

afis

et e

sity

kset

kuva

teks

tit

Painettu viestintä Sähköinen viestintä (powerpoint, web jne .)

Typografiamatriisi fennovoiman typografian jaottelu käyttökohteittain

Fennovoiman ilmeen kirjasimia käytetään viereisen mat-riisin mukaisesti.

Edellisellä sivulla määriteltyjen Stag Sans -leikkausten li-säksi voidaan, taiton typografisen hierarkian niin vaaties-sa, käyttää Stag Sansin muita leikkauksia kuten Stag Sans Book ja Medium.

Liian monen leikkauksen käyttämistä samanaikaisesti on vältettävä, ja käytettävien leikkausten eron on oltava sel-keästi havaittavissa. Älä käytä esim. Semibold ja Medium -leikkauksia rinnakkain samassa taitossa.

Stag Thin Dot -kirjasinta käytetään taittoa elävöittävästi. Kirjasinta käytetään aina suuressa koossa jotta sen pistera-kenne piirtyy selkeästi.

Verdanaa voidaan käyttää korvaavana kirjasintyyppinä erityistapauksissa jolloin Documenta tai Stag Sans eivät ole jostain syystä käytettävissä.

Typografiakäyttö

Page 14: Fennovoiman graafinen ohjeisto

LOgO

Värit

SOmmittELu

VaLOkuVat

papErit

1 ILmeen eLemenTIT 14TYPogrAFIA

TypografiaEsimerkkejä

Hanhikivi 1 tuo kilpailukykyä ja huoltovarmuutta

Ydinvoimalaitos tuottaa sähköä vuosikymmeniä va-kaaseen ja helposti ennustettavaan hintaan. Sähkön saatavuuden varmistaminen pitkälle tulevaisuuteen ja sähkön hinnan ennustettavuus tukevat teollisen toi-minnan jatkuvuutta Suo messa ja tekevät maastamme houkuttelevan koti paikan teolliselle tuotannolle.

Fennovoiman osakkaina on merkittävien teollisten toimijoiden lisäksi myös lukuisia paikallisia sähköyh-tiöitä, jotka haluavat tarjota asiakkailleen sähköä kil-pailukykyiseen hintaan. Fennovoiman ydinvoima-laitos lisää kilpailua suomalaisilla sähkömarkkinoilla – tästä hyötyvät kaikki sähkönkäyttäjät kotitalouksista suuryhtiöihin.

Page 15: Fennovoiman graafinen ohjeisto

LOgO

Värit

typOgrafia

VaLOkuVat

papErit

1 ILmeen eLemenTIT 15SommITTeLu

Sommittelu

Sovellusten sommittelu perustuu tällä ja seuraavalla si-vulla esitettyihin periaatteisiin.

Yksittäisessä sovelluksessa käytetty sommittelupohja ja rakenne pitää aina arvioida sovelluskohtaisesti ja räätälöi-dä sisällölle sopivaksi. Tästä syystä tässä ohjeistossa esitet-tyjä sommitteluohjeita tulee käyttää lähtökohtana, mutta niistä voi tarvittaessa poiketa.

Sovellusten taiton rakenne muodostetaan seuraavasti:

• Marginaalit ovat 10% sivun tai pinnan lyhyemmän reunan pituudesta. Eli esim. A4-kokoisen sovelluksen marginaalit ovat 21 mm (210 mm * 0,10).

• Sisältöalue jaetaan palstoihin niin, että palstoja on pa-rillinen määrä.

• Palstojen leveyden tulee olla suurempi kuin marginaa-lin koko. Palstojen väli on 3-6 mm.

• Logo sijoitetaan vasempaan yläkulmaan niin, että sen kirjaimet tasataan marginaalien kanssa.

• Logon korkeus suoja-alueineen on 1,5 * marginaa-lin koko. Näin logon kirjainten korkeus tulee olemaan 1/2 marginaalien koosta. Esim. A4-kokoisessa sovel-luksessa logon koko suoja-alueineen on 31,5 mm, ja logon kirjainten koko 10,5 mm.

marginaali (X) = 10% pinnan lyhyemmän reunan pituudesta (y)

Logon suoja-alueen korkeus: 1,5 * X

X

Y

palstojen leveys > X

palstaväli 3-6 mm

Parillinen määrä palstoja. useimmissa tapauksissa 4-8 kpl .

Page 16: Fennovoiman graafinen ohjeisto

LOgO

Värit

typOgrafia

VaLOkuVat

papErit

1 ILmeen eLemenTIT 16SommITTeLu

SommitteluPystymuotoisen sovelluksen rakenne edellisellä sivulla esitettyjen periaatteiden mukaisesti.

X

Y

palstojen leveys > X

palstaväli 3-6 mm

Parillinen määrä palstoja. useimmissa tapauksissa 4-8 kpl .

marginaali (X) = 10% pinnan lyhyemmän reunan pituudesta (y)

Logon suoja alueen korkeus: 1,5 * X

Page 17: Fennovoiman graafinen ohjeisto

LISäTIeToJA:

ViEStiNtä@fENNOVOima .fi

oHJeISToA PäIVITeTTY:

13 .11 .2014