VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii...

11
Vihreiden visuaalinen ilme

Transcript of VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii...

Page 1: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi

1

Vihreidenvisuaalinen

ilme

Page 2: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi

2 3

JOHDANTOTässä ohjeistuksessa määritellään Vihreiden ulkoasua ja visuaalista viestiä keväällä 2016 hyväksytyn Vihreiden brändistrategian pohjalta. Ohjeistuksesta löytyvät suuntaviivat brändin persoonan ulkoisiin tunnisteisiin, kuten logoon, fontteihin, väreihin ja kuvamaailmaan.

Kaikissa visuaalisen viestinnän ratkaisuissa pyritään vahvistamaan Vihreiden brändistrategian tavoitemielikuvaa:

Tavoitemielikuva pitää sisällään valoisan viestin paremman maailman mahdollisuudesta ja Vihreiden tehtävästä sen rakentamiseksi sekä yhdessä tekemisen ja arjen poliittisten päätösten merkityksen osana tätä tehtävää.

Yhtenäisellä visuaalisella ilmeellä vahvistetaan yhteistä viestiä ja rakennetaan Vihreiden brändiä. Tästä ohjeistuksesta poikkeamiseen pitää olla perusteltu syy, josta on hyvä keskustella Vihreiden viestinnän kanssa.

Brändistrategiassa (vihreat.fi/strategia) on määritelty avainsanat, jotka määrittävät Vihreiden visuaalisen viestin tunnetta ja sävyä: lämmin, helposti lähestyttävä, valoisa, ratkaisukeskeinen, luottamusta herättävä, toivoa antava, tulevaisuuteen suuntautunut, tinkimätön, rohkea.

LOGO JA BRÄNDIVÄRIVihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi (Section Black) ja ruotsiksi (Section Light). Logoa ei tule kirjoittaa itse, vaan ensisijaisesti käytetään valmiita tiedostoja.

Logosta on kaksi pääversiota: vihreä teksti valkealla pohjalla ja valkea teksti vihreällä pohjalla. Valkeaa tekstiä vihreällä pohjalla käytetään yhdistettynä tekstiä selvästi suurempaan brändivihreään väripintaan. Ellei taitossa ole mielekästä käyttää brändiväriä pintana, käytetään vihreää tekstiä valkealla pohjalla.

Rakennamme parempaa maailmaa pala kerrallaan.

JOHDANTOTässä ohjeistuksessa määritellään Vihreiden ulkoasua ja visuaalista viestiä keväällä 2016 hyväksytyn Vihreiden brändistrategian pohjalta. Ohjeistuksesta löytyvät suuntaviivat brändin persoonan ulkoisiin tunnisteisiin, kuten logoon, fontteihin, väreihin ja kuvamaailmaan.

Kaikissa visuaalisen viestinnän ratkaisuissa pyritään vahvistamaan Vihreiden brändistrategian tavoitemielikuvaa:

Tavoitemielikuva pitää sisällään valoisan viestin paremman maailman mahdollisuudesta ja Vihreiden tehtävästä sen rakentamiseksi sekä yhdessä tekemisen ja arjen poliittisten päätösten merkityksen osana tätä tehtävää.

Yhtenäisellä visuaalisella ilmeellä vahvistetaan yhteistä viestiä ja rakennetaan Vihreiden brändiä. Tästä ohjeistuksesta poikkeamiseen pitää olla perusteltu syy, josta on hyvä keskustella Vihreiden viestinnän kanssa.

Brändistrategiassa (vihreat.fi/strategia) on määritelty avainsanat, jotka määrittävät Vihreiden visuaalisen viestin tunnetta ja sävyä: lämmin, helposti lähestyttävä, valoisa, ratkaisukeskeinen, luottamusta herättävä, toivoa antava, tulevaisuuteen suuntautunut, tinkimätön, rohkea.

LOGO JA BRÄNDIVÄRIVihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi (Section Black) ja ruotsiksi (Section Light). Logoa ei tule kirjoittaa itse, vaan ensisijaisesti käytetään valmiita tiedostoja.

Logosta on kaksi pääversiota: vihreä teksti valkealla pohjalla ja valkea teksti vihreällä pohjalla. Valkeaa tekstiä vihreällä pohjalla käytetään yhdistettynä tekstiä selvästi suurempaan brändivihreään väripintaan. Ellei taitossa ole mielekästä käyttää brändiväriä pintana, käytetään vihreää tekstiä valkealla pohjalla.

Rakennamme parempaa maailmaa pala kerrallaan.

JOHDANTOTässä ohjeistuksessa määritellään Vihreiden ulkoasua ja visuaalista viestiä keväällä 2016 hyväksytyn Vihreiden brändistrategian pohjalta. Ohjeistuksesta löytyvät suuntaviivat brändin persoonan ulkoisiin tunnisteisiin, kuten logoon, fontteihin, väreihin ja kuva maailmaan.

Kaikissa visuaalisen viestinnän ratkaisuissa pyritään vahvistamaan Vihreiden brändistrategian tavoitemielikuvaa:

Tavoitemielikuva pitää sisällään valoisan viestin paremman maailman mahdollisuudesta ja Vihreiden tehtävästä sen rakentamiseksi sekä yhdessä tekemisen ja arjen poliittisten päätösten merkityksen osana tätä tehtävää.

Yhtenäisellä visuaalisella ilmeellä vahvistetaan yhteistä viestiä ja rakennetaan Vihreiden brändiä. Tästä ohjeistuksesta poikkeami-seen pitää olla perusteltu syy, josta on hyvä keskustella Vihreiden viestinnän kanssa.

Brändistrategiassa (vihreat.fi/strategia) on määritelty avainsanat, jotka määrittävät Vihreiden visuaalisen viestin tunnetta ja sävyä: lämmin, helposti lähestyttävä, valoisa, ratkaisukeskeinen, luottamusta herättävä, toivoa antava, tulevaisuuteen suuntautunut, tinkimätön, rohkea.

LOGO JA BRÄNDIVÄRIVihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section- fonteilla kirjoitettu puolueen nimi suomeksi (Section Black) ja ruotsiksi (Section Light). Logoa ei tule kirjoittaa itse, vaan ensisijaisesti käytetään valmiita tiedostoja.

Logosta on kaksi pääversiota: vihreä teksti ilman taustaväriä ja valkoinen teksti vihreällä väripohjalla. Jäkimmäistä eli vihreässä laatikossa olevaa negalogoa kannattaa käyttää esimerkiksi valokuvien päällä, koska vihreän taustavärin asnsiosta logo erottuu aina hyvin, oli taustakuva millainen tahansa. Valkoisella tai hyvin vaalealla taustalla voi käyttää vihreätekstistä logo versiota.

Page 3: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi

4 5

LOGON KÄYTTÖ Logon käytössä tulee huomioida logon riittävä erottuminen taustasta. Logon käyttö on mahdollista vihreänä tai valkoisena. Mustavalkoisissa julkaisuissa logo voi olla musta.

Valkoinen tai hyvin vaalea tausta +vihreä logoteksti

Älä käytä vihreää logotekstiävärillisellä taustalla.

Valokuvatausta + valkoinen logoteksti vihreässä kentässä

Älä käytä vihreää logotekstiävalokuvan päällä.

Älä venytä logoa.Yksivärinen tumma valokuvatausta +valkoinen logoteksti Älä muuta logon väriä

Voimakkaan värinen tausta +valkoinen logoteksti

Älä käytä läpinäkyväälogotekstiä.

Tunnusvärinen tausta +valkoinen logoteksti

Älä käytä valkoista logotekstiävaalealla taustalla.

LOGON KÄYTTÖ Logon käytössä tulee huomioida logon riittävä erottuminen taustasta. Logon käyttö on mahdollista vihreänä tai valkoisena. Mustavalkoisissa julkaisuissa logo voi olla musta.

Valkoinen tai hyvin vaalea tausta +vihreä logoteksti

Älä käytä vihreää logotekstiävärillisellä taustalla.

Valokuvatausta + valkoinen logoteksti vihreässä kentässä

Älä käytä vihreää logotekstiävalokuvan päällä.

Älä venytä logoa.Yksivärinen tumma valokuvatausta +valkoinen logoteksti Älä muuta logon väriä

Voimakkaan värinen tausta +valkoinen logoteksti

Älä käytä läpinäkyväälogotekstiä.

Tunnusvärinen tausta +valkoinen logoteksti

Älä käytä valkoista logotekstiävaalealla taustalla.

LOGON KÄYTTÖLogon tulee erottua taustasta riittävästi. Logon käyttö on mahdollista vihreänä tai valkoisena. Mustavalkoisissa julkaisuissa logo voi olla musta.

Page 4: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi

6 7

LOGON VARIAATIOTPiirijärjestön, paikallisyhdistyksen tai muun jäsenjärjestönlogo muodostetaan yhdistyksen nimestä kuten puolueenkinlogo: alkuosa Section Black -fontilla ja loppuosa SectionLight -fontilla. Logoissa kirjainten välistys on neljänneksennormaalifonttia tiiviimpi (tracking-arvo -25).

Pääsääntöisesti yhdistyslogoissa käytetään vain yhtä kieltä.Kaksikieliset logot voidaan poikkeuksellisesti toteuttaakaksirivisenä. Päärivillä käytetään Section Black -fonttia.Kakkoskielisen nimen kokosuhde päärivillä olevaan nimeenon 3:5 ja siinä käytetään Section Light -fonttia.

LOGON SUOJA-ALUE Logon suoja-alue on logon ympärillä lihavoidun e-kirjaimen korkeus. Suoja-alue on siis suhteellinen ja muuttuu tekstin koon muuttuessa.

LOGON VARIAATIOT Piirijärjestön, paikallisyhdistyksen tai muun jäsenjärjestön logo muodostetaan yhdistyksen nimestä kuten puolueenkin logo: alkuosa Section Black -fontilla ja loppuosa Section Light -fontilla. Logoissa kirjainten välistys on neljänneksen normaalifonttia tiiviimpi (tracking-arvo -25).

Pääsääntöisesti yhdistyslogoissa käytetään vain yhtä kieltä. Kaksikieliset logot voidaan poikkeuksellisesti toteuttaa kaksirivisenä. Päärivillä käytetään Section Black -fonttia. Kakkoskielisen nimen kokosuhde päärivillä olevaan nimeen on 3:5 ja siinä käytetään Section Light -fonttia.

Vihreät Naiset

De Gröna i Esbo

Espoon Vihreät

LOGON SUOJA-ALUE Logon suoja-alue on logon ympärillä lihavoidun e-kirjaimen korkeus. Suoja-alue on siis suhteellinen ja muuttuu tekstin koon muuttuessa.

LOGON VARIAATIOT Piirijärjestön, paikallisyhdistyksen tai muun jäsenjärjestön logo muodostetaan yhdistyksen nimestä kuten puolueenkin logo: alkuosa Section Black -fontilla ja loppuosa Section Light -fontilla. Logoissa kirjainten välistys on neljänneksen normaalifonttia tiiviimpi (tracking-arvo -25).

Pääsääntöisesti yhdistyslogoissa käytetään vain yhtä kieltä. Kaksikieliset logot voidaan poikkeuksellisesti toteuttaa kaksirivisenä. Päärivillä käytetään Section Black -fonttia. Kakkoskielisen nimen kokosuhde päärivillä olevaan nimeen on 3:5 ja siinä käytetään Section Light -fonttia.

Vihreät Naiset

De Gröna i Esbo

Espoon Vihreät

LOGON SUOJA-ALUE Logon suoja-alue on logon ympärillä lihavoidun e-kirjaimen korkeus. Suoja-alue on siis suhteellinen ja muuttuu tekstin koon muuttuessa.

LOGON VARIAATIOT Piirijärjestön, paikallisyhdistyksen tai muun jäsenjärjestön logo muodostetaan yhdistyksen nimestä kuten puolueenkin logo: alkuosa Section Black -fontilla ja loppuosa Section Light -fontilla. Logoissa kirjainten välistys on neljänneksen normaalifonttia tiiviimpi (tracking-arvo -25).

Pääsääntöisesti yhdistyslogoissa käytetään vain yhtä kieltä. Kaksikieliset logot voidaan poikkeuksellisesti toteuttaa kaksirivisenä. Päärivillä käytetään Section Black -fonttia. Kakkoskielisen nimen kokosuhde päärivillä olevaan nimeen on 3:5 ja siinä käytetään Section Light -fonttia.

Vihreät Naiset

De Gröna i Esbo

Espoon Vihreät

LOGON SUOJA-ALUELogon suoja-alue on logon ympärillä lihavoidun e-kirjaimenkorkeus. Suoja-alue on siis suhteellinen ja muuttuu tekstinkoon muuttuessa.

Page 5: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi

8 9

BRÄNDIVÄRIT Vihreiden visuaalisessa ilmeessä värimaailma on raikas ja valoisa. Sen perustana on logon omenanvihreä brändiväri, joka toistuu logossa. Logon brändiväriä sekä muita päävärejä voidaan käyttää yhdessä. Tämän lisäksi lisävärejä voidaan käyttää harkinnan mukaan päävärien kanssa. Lisävärejä ei ole tarkoitus käyttää kaikkia samanaikaisesti, vaan valita niitä tapauskohtaisesti väriyhdistelmiin (ks. esitysgrafiikka).

TYPOGRAFIA Vihreiden ensisijainen ja virallinen kirjasintyyppi on Roboto. Siitä voidaan käyttää kaikkia tarjolla olevia optimoituja leikkauksia. Puolueen nettisivuilla ja puolueen tarjoaman nettisivupaketin uusimmassa versiossa käytetään Robotoa.

Otsikkofonttina voidaan käyttää myös Bebas Neue -kirjasimen bold-leikkausta.

Pitkissä teksteissä printtijulkaisuissa voidaan käyttää leipätekstissä myös Source Serif Pro -kirjasinta luettavuuden parantamiseksi.

Roboto Thin Roboto LightRoboto RegularRoboto MediumRoboto BoldRoboto Black

Condensed LightCondensed Regular

Condensed Bold

Source Serif ProSource Serif Pro Bold

Roboto yleiskäyttöön

Bebas Neue Bold otsikoihin

Source Serif Pro pitkiin teksteihin

VihreäPMS 368 CC60 Y100

RGB: 110/184/42 #76b72a

TurkoosiC70 Y20RGB:40/184/206#28b8ce

KeltainenM10 Y100RGB: 255/221/0#ffdd00

OranssiM60 Y100RGB:239/125/0#d67c1c

Anilliininpun.M100 Y40RGB:229/0/91 #e5005a

ValkoinenMetsänvihreäC80 Y100 K60RGB: 5/90/28#045a1c

Tumma harmaaM10 Y10 K80RGB: 87/81/77#56504d

Vaalea harmaaK15RGB: 227/227/227#e3e3e3

Lisävärit

Päävärit

BEBAS NEUE BOLD

BRÄNDIVÄRIT Vihreiden visuaalisessa ilmeessä värimaailma on raikas ja valoisa. Sen perustana on logon omenanvihreä brändiväri, joka toistuu logossa. Logon brändiväriä sekä muita päävärejä voidaan käyttää yhdessä. Tämän lisäksi lisävärejä voidaan käyttää harkinnan mukaan päävärien kanssa. Lisävärejä ei ole tarkoitus käyttää kaikkia samanaikaisesti, vaan valita niitä tapauskohtaisesti väriyhdistelmiin (ks. esitysgrafiikka).

TYPOGRAFIA Vihreiden ensisijainen ja virallinen kirjasintyyppi on Roboto. Siitä voidaan käyttää kaikkia tarjolla olevia optimoituja leikkauksia. Puolueen nettisivuilla ja puolueen tarjoaman nettisivupaketin uusimmassa versiossa käytetään Robotoa.

Otsikkofonttina voidaan käyttää myös Bebas Neue -kirjasimen bold-leikkausta.

Pitkissä teksteissä printtijulkaisuissa voidaan käyttää leipätekstissä myös Source Serif Pro -kirjasinta luettavuuden parantamiseksi.

Roboto Thin Roboto LightRoboto RegularRoboto MediumRoboto BoldRoboto Black

Condensed LightCondensed Regular

Condensed Bold

Source Serif ProSource Serif Pro Bold

Roboto yleiskäyttöön

Bebas Neue Bold otsikoihin

Source Serif Pro pitkiin teksteihin

VihreäPMS 368 CC60 Y100

RGB: 110/184/42 #76b72a

TurkoosiC70 Y20RGB:40/184/206#28b8ce

KeltainenM10 Y100RGB: 255/221/0#ffdd00

OranssiM60 Y100RGB:239/125/0#d67c1c

Anilliininpun.M100 Y40RGB:229/0/91 #e5005a

ValkoinenMetsänvihreäC80 Y100 K60RGB: 5/90/28#045a1c

Tumma harmaaM10 Y10 K80RGB: 87/81/77#56504d

Vaalea harmaaK15RGB: 227/227/227#e3e3e3

Lisävärit

Päävärit

BEBAS NEUE BOLD

BRÄNDIVÄRITVihreiden visuaalisessa ilmeessä värimaailma on raikas ja valoisa. Sen perustana on logon omenanvihreä brändiväri, joka toistuu logossa. Logon brändiväriä sekä muita päävärejä voidaan käyttää yhdessä. Tämän lisäksi lisävärejä voidaan käyttää harkinnan mukaan päävärien kanssa. Lisävärejä ei ole tarkoitus käyttää kaikkia samanaikaisesti, vaan valita niitä tapauskohtaisesti väriyhdistelmiin (ks. esitysgrafiikka).

TYPOGRAFIAVihreiden ensisijainen ja virallinen kirjasintyyppi on Roboto. Siitä voidaan käyttää kaikkia tarjolla olevia optimoituja leikkauksia. Puolueen netti-sivuilla ja puolueen tarjoaman nettisivupaketin uusimmassa versiossa käytetään Robotoa.

Otsikkofonttina voidaan käyttää myös Bebas Neue -kirjasimen bold- leikkausta.

Pitkissä teksteissä printtijulkaisuissa voidaan käyttää leipätekstissä myös Source Serif Pro -kirjasinta luettavuuden parantamiseksi.

Page 6: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi

10 11

tekstityylit Otsikoinnissa ja tekstityyleissä pyritään yhdenmukaisuuteen. Nämä ohjeet on tarkoitettu erityisesti printtijulkaisujen taittoon, mutta niitä voidaan soveltaa myös esimerkiksi esitysgrafiikassa. Ohjeista voi poiketa perustelluista syistä.

PÄÄOTSIKKO BEBAS Ingressi Roboto Condensed Regular, coressinciis atempor epudis entoritentur restiossit explantem inulparume pariosanis.

Pellupta platis repudi nimodit, sundebis volora commoles sinvelit anditiam laborerit venti autest mo endae expliquiatis quidebis aris consequides con rendamentio estem alitiorem res dolest, quatem et as re voleserum quibuscienit quodi reptaqu asperovitate porehenisque dolum et apidiciis sequae nullabo rporem et, isseque perfero odignam eume que conem. Reius.

Väliotsikko 1 Roboto blackUnt liquide lenissi audis cus inis-tis esendit pro dolupta sseditiatat doluptia sequunt quas ex eici vel es et aligend anditis erro volo des mi, intur ma sit, optatemporro volo corrore consequia as sum id quiatur audi disciisit lat eruptate lacepe perum quidi inctur?

Unt liquide lenissi audis cus inistis esendit pro dolupta sseditia-tat doluptia sequunt quas ex eici vel es et aligend anditis erro volo des mi, intur ma sit, optatemporro volo corrore consequia as sum id quiatur audi disciisit lat eruptate lacepe perum quidi inctur?

VÄLIOTSIKKO 2 ROBOTO BOLD

Unt liquide lenissi audis cus inis-tis esendit pro dolupta sseditiatat doluptia sequunt quas ex eici vel es et aligend anditis erro volo des mi, intur ma sit, optatemporro volo corrore consequia as sum id quiatur audi disciisit lat eruptate lacepe perum quidi inctur?

To molorrore nam aliquis invelib eaquunt urisciendi debite velis adic tem repro enis cupta dis est eos rem sapic tendi dolor moluptam ad ut perovide quatas se evel inihillam, voluptatur, in repudae.

Em ea quam aut quis ullore es eost, ut mos aut aut quae pe sa volute nu-scient optatur?

Me nus aut am nempore ctatque voluption nimil istiatq uaturempor magnatibus que es volorio rporem. Nam ulluptatur, illia que et ea nones arci sae. Itas estis seque conetur autatur simpo-ribus resti comnima id mod ea vellaut entorror sit ommosamus dis sit repuda quibus.

Im qui inciis pa et, con prectios dolo et odis nis rae pore qui blaborem idendignim nem quia quatus volendae reperibusa expediam faccum que cus, ut et aut aut exernatur, conecus eate.

FAKTABOKSI OTSIKKO ROBOTO BLACKPorrore nonsequi rerspid que consequidus atus, ut officidi delesvsum, nust ut aceped eost inist, aliti beria voluptate nusciis sitatas es del ipsunt omnim ex est earumenet haribus, voluptatis eum cum et am quiae. Tias aute voluptate pelique pa dolut aspelia sitassit eaturit ea voluptae.

” Nostoteksti tai sitaatti Roboto Condensed Black.

PÄÄOTSIKKOBEBAS NEUE BOLD 50 pt

INGRESSIROBOTO CONDENSEDREGULAR 18 ptRIVIVÄLI 20 pt

SOURCESERIF PROREGULAR 10 ptRIVIVÄLI 13 pt

ROBOTOREGULAR 9 ptRIVIVÄLI 13 pt

ROBOTOCONDENSED BOLD 17 ptRIVIVÄLI 17 pt

(Lainausmerkki 44 pt)

ROBOTO BLACK 12 ptRIVIVÄLI 13 pt

ROBOTO BOLD 8 ptRIVIVÄLI 12 pt

ROBOTOBLACK 12 ptRIVIVÄLI 13 pt

ROBOTOBOLD 10 ptRIVIVÄLI 13 pt

tekstityylit Otsikoinnissa ja tekstityyleissä pyritään yhdenmukaisuuteen. Nämä ohjeet on tarkoitettu erityisesti printtijulkaisujen taittoon, mutta niitä voidaan soveltaa myös esimerkiksi esitysgrafiikassa. Ohjeista voi poiketa perustelluista syistä.

PÄÄOTSIKKO BEBAS Ingressi Roboto Condensed Regular, coressinciis atempor epudis entoritentur restiossit explantem inulparume pariosanis.

Pellupta platis repudi nimodit, sundebis volora commoles sinvelit anditiam laborerit venti autest mo endae expliquiatis quidebis aris consequides con rendamentio estem alitiorem res dolest, quatem et as re voleserum quibuscienit quodi reptaqu asperovitate porehenisque dolum et apidiciis sequae nullabo rporem et, isseque perfero odignam eume que conem. Reius.

Väliotsikko 1 Roboto blackUnt liquide lenissi audis cus inis-tis esendit pro dolupta sseditiatat doluptia sequunt quas ex eici vel es et aligend anditis erro volo des mi, intur ma sit, optatemporro volo corrore consequia as sum id quiatur audi disciisit lat eruptate lacepe perum quidi inctur?

Unt liquide lenissi audis cus inistis esendit pro dolupta sseditia-tat doluptia sequunt quas ex eici vel es et aligend anditis erro volo des mi, intur ma sit, optatemporro volo corrore consequia as sum id quiatur audi disciisit lat eruptate lacepe perum quidi inctur?

VÄLIOTSIKKO 2 ROBOTO BOLD

Unt liquide lenissi audis cus inis-tis esendit pro dolupta sseditiatat doluptia sequunt quas ex eici vel es et aligend anditis erro volo des mi, intur ma sit, optatemporro volo corrore consequia as sum id quiatur audi disciisit lat eruptate lacepe perum quidi inctur?

To molorrore nam aliquis invelib eaquunt urisciendi debite velis adic tem repro enis cupta dis est eos rem sapic tendi dolor moluptam ad ut perovide quatas se evel inihillam, voluptatur, in repudae.

Em ea quam aut quis ullore es eost, ut mos aut aut quae pe sa volute nu-scient optatur?

Me nus aut am nempore ctatque voluption nimil istiatq uaturempor magnatibus que es volorio rporem. Nam ulluptatur, illia que et ea nones arci sae. Itas estis seque conetur autatur simpo-ribus resti comnima id mod ea vellaut entorror sit ommosamus dis sit repuda quibus.

Im qui inciis pa et, con prectios dolo et odis nis rae pore qui blaborem idendignim nem quia quatus volendae reperibusa expediam faccum que cus, ut et aut aut exernatur, conecus eate.

FAKTABOKSI OTSIKKO ROBOTO BLACKPorrore nonsequi rerspid que consequidus atus, ut officidi delesvsum, nust ut aceped eost inist, aliti beria voluptate nusciis sitatas es del ipsunt omnim ex est earumenet haribus, voluptatis eum cum et am quiae. Tias aute voluptate pelique pa dolut aspelia sitassit eaturit ea voluptae.

” Nostoteksti tai sitaatti Roboto Condensed Black.

PÄÄOTSIKKOBEBAS NEUE BOLD 50 pt

INGRESSIROBOTO CONDENSEDREGULAR 18 ptRIVIVÄLI 20 pt

SOURCESERIF PROREGULAR 10 ptRIVIVÄLI 13 pt

ROBOTOREGULAR 9 ptRIVIVÄLI 13 pt

ROBOTOCONDENSED BOLD 17 ptRIVIVÄLI 17 pt

(Lainausmerkki 44 pt)

ROBOTO BLACK 12 ptRIVIVÄLI 13 pt

ROBOTO BOLD 8 ptRIVIVÄLI 12 pt

ROBOTOBLACK 12 ptRIVIVÄLI 13 pt

ROBOTOBOLD 10 ptRIVIVÄLI 13 pt

tekstityylitOtsikoinnissa ja tekstityyleissä pyritään yhdenmukaisuuteen. Nämä ohjeet on tarkoitettu erityisesti printtijulkaisujen taittoon, mutta niitä voidaan soveltaa myös esimerkiksi esitysgrafiikassa. Ohjeista voi poiketa perustelluista syistä.

Page 7: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi

12 13

Vihreiden poliitikkojen kuvaaminen Poliitikkoja pyritään kuvaamaan mahdollisuuksien mukaan:

z vuorovaikutuksessa ihmisten kanssa z arjen tilanteissa, joissa he tekevät jotakin z rennoissa vaatteissa, rennoissa ympäristöissä, politiikan harmaata mieli-

kuvaa rikkovilla tavoilla – jopa leikkisästi, jos se sopii tilanteeseen

Kiiltokuvien sijaan haetaan autenttisuutta. Poliitikko voi tehdä arkisia asioita. Vihreät vaikuttajat halutaan kuvata helposti lähestyttävinä.

Vaatetuksessa ei tarvitse pyrkiä toistamaan brändiväriä.

Henkilökuvat voivat olla selkeästi lähikuvia. Läheinen kontakti tuo poliitikon lähemmäs katsojaa. Jos käyttötarkoituksesta johtuen tarvitaan tilaa ympärille, tausta voi olla abstrakti. Kohteen ei tarvitse katsoa suoraan kameraan.

VALOKuvATKuvaviestinnän muistilista:

z Viestimme ihmisistä konkreettisesti. z Tuomme asiat lähelle arkea. z Teemme asioita yhdessä ihmisten kanssa. z Vältämme pönötystä: teemme politiikkaa uudella tavalla ja

tuomme esiin uusia näkökulmia.

Tunnelmaltaan kuvat ovat positiivisia, valoisia ja lämminsävyisiä silloinkin, kun käsiteltävä aihe on synkkä.

Vihreillä on käytössä kuvapankki, joka sisältää kansanedustajien kuvia, tapahtumakuvia ja muuta kuvamateriaalia. Kuvat ovat vapaasti käytettävissä täällä.

Page 8: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi

14 15

Kuvauspaikat

Luontoa kuvataan realistisesti ja kaunistelematta. Ympäristöön viittaavia kuvia voidaan käyttää vihreänä viittauksena myös yhteyksissä, joissa ei suoraan puhuta luonnosta. Pienetkin viittaukset kuvissa voivat olla riittäviä.

Kuvauspaikkaa valitessa on hyvä huomata, että kaikki ympäristöt eivät ole osa arjen kuvastoa kaikkialla Suomessa. Merta ei ole Itä-Suomessa, metro rajaa viestin vahvasti Helsinkiin, vappuna pohjoisessa on lunta ja etelässä kukkia. Eduskunta on taustana arvokas mutta myös pönötystä viestivä.

Poliitikkoja kuvataan usein erilaisissa tilaisuuksissa. Kun poliitikko puhuu, kuvaan kannattaa ottaa mukaan myös kuulijat. Kuvataan puhujaa mieluummin lähellä ihmisiä kuin pöntössä tai pöydän takana.

Kuvaamisen eettiset periaatteet

Kuvavalinnoissa ja kuvatuotannossa on tärkeää huomioida ainakin seuraavat eettiset periaatteet:

• Vähemmistöjä esittävissä kuvissa esiintyy aidosti ko. vähemmistöä tai muuta yhteisöä edustavia ihmisiä.

• Tekijänoikeuksia kunnioitetaan ja kuvia käytetään niiden asettamissa rajoissa.

• Lasten kuvaamisessa käytetään erityistä harkintaa. Lisäohjeita Unicefin eettisestä ohjeistuksesta: www.unicef.fi/tiedotus/eettiset-ohjeet-lapsista- raportointiin/

• Noudatetaan journalistin ohjeita esimerkiksi julkisella paikalla kuvaamisesta. Julkisella paikalla tapahtuvaa toimintaa on yleensä lupa selostaa ja kuvata ilman asianosaisten suostumusta. Julkistakin aineistoa julkaistaessa pitää ottaa huomioon yksityiselämän suoja. Kaikki julkinen ei välttämättä ole julkaistavissa. Erityistä varovaisuutta on noudatettava, kun käsitellään alaikäisiä koskevia asioita. www.jsn.fi/journalistin_ohjeet/

• Emme käytä kuvia, jotka tarkoituksellisesti retostelevat ihmisten tai eläinten kärsimyksellä esim. katastrofitilanteissa.

Kuvaamisen eettiset periaatteetKuvavalinnoissa ja kuvatuotannossa on tärkeää huomioida ainakin seuraavat eettiset periaatteet:

z Vähemmistöjä esittävissä kuvissa esiintyy aidosti ko. vähemmis-töä tai muuta yhteisöä edustavia ihmisiä.

z Tekijänoikeuksia kunnioitetaan ja kuvia käytetään niiden asetta-missa rajoissa.

z Lasten kuvaamisessa käytetään erityistä harkintaa. Lisäohjeita Unicefin eettisestä ohjeistuksesta: www.unicef.fi/tiedotus/eettiset-ohjeet-lapsista-raportointiin/

z Noudatetaan journalistin ohjeita esimerkiksi julkisella paikalla kuvaamisesta. Julkisella paikalla tapahtuvaa toimintaa on yleensä lupa selostaa ja kuvata ilman asianosaisten suostumusta. Julkistakin aineistoa julkaistaessa pitää ottaa huomioon yksityis-elämän suoja. Kaikki julkinen ei välttämättä ole julkaistavissa. Erityistä varovaisuutta on noudatettava, kun käsitellään alaikäisiä koskevia asioita. www.jsn.fi/journalistin_ohjeet/

z Emme käytä kuvia, jotka tarkoituksellisesti retostelevat ihmisten tai eläinten kärsimyksellä esim. katastrofitilanteissa.

Kuvauspaikat

Luontoa kuvataan realistisesti ja kaunistelematta. Ympäristöön viittaavia kuvia voidaan käyttää vihreänä viittauksena myös yhteyksissä, joissa ei suoraan puhuta luonnosta. Pienetkin viittaukset kuvissa voivat olla riittäviä.

Kuvauspaikkaa valitessa on hyvä huomata, että kaikki ympäristöt eivät ole osa arjen kuvastoa kaikkialla Suomessa. Merta ei ole Itä-Suomessa, metro rajaa viestin vahvasti Helsinkiin, vappuna pohjoisessa on lunta ja etelässä kukkia. Eduskunta on taustana arvokas mutta myös pönötystä viestivä.

Poliitikkoja kuvataan usein erilaisissa tilaisuuksissa. Kun poliitikko puhuu, kuvaan kannattaa ottaa mukaan myös kuulijat. Kuvataan puhujaa mieluummin lähellä ihmisiä kuin pöntössä tai pöydän takana.

Page 9: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi

16 17

SomeVihreiden brändiä vahvistetaan edellä kuvatusti kaikissa somekanavissa. Kuvasuhteet

z Instagram-kuvissa suositaan neliömuotoa, Storyssa kuvasuhde on 9:16. z Twitter-kuvissa toimii noin 2:1-kuvasuhde. 1024 x 512 px on optimikoko. z Facebookissa kuvasuhde voi vaihdella. Toimivia ovat mm. 4:3, 2:1 tai neliö.

Yleiset ohjeet somekuville z Jos mahdollista, somejulkaisuihin kannattaa lisätä kuva. Se lisää julkaisun

näkyvyyttä ja tuo huomioarvoa. z Huomioidaan kussakin somekanavassa toimivin kuvasuhde ja kuvakoko. z Ei julkaista huonolaatuisia tai huonoja kuvia. z Kun kuvissa käytetään logoa, suositaan Vihreiden logoa paikallisyhdistyk-

sen logon sijaan, jollei paikallisuuden korostamiselle ole erityinen tarve. z Suositaan kuvan tekstityksissa graafisten ohjeiden mukaisia fontteja.

Somekuvien otsikoissa toimii erityisesti Bebas Neue (Bold) ja listaavissa teksteissä Roboto.

z Typografiassa kannattaa suosia mustaa, valkoista ja brändivihreää – s amoin kuin muissakin kuvien graafisissa elementeissä. Graafisten ohjeiden muitakin brändivärejä voi käyttää harkitusti.

z Muistathan, että kuvan päällä saa olla tekstiä vain 20 prosenttia kuva pinta-alasta, jos kuvasta haluaa tehdä Facebook-mainoksen.

z Kun julkaistaan video, kiinnitetään huomiota sen avauskuvaan tai ns. kansikuvaan. Valitaan videon aloituskuvaksi riittävän hyvä kuva tai freimi.

2:1

TwitterFacebook StoryInstagram

4:3 1:1 9:16

Page 10: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi

18 19

ESITYSGrafiikkaVihreille on päivitetty uusi Google Slidesilla tehty 16:9-kokoinen diapohja, joka löytyy täältä. Diapohjat kannattaa tehdä lähtökohtaisesti kokoon 16:9, joka on näyttöjen tyypillisin kuvasuhde.

Visuaalisesti esitysgrafiikka on hyvä pitää yksinkertaisena ja selkeänä. Yhteen diaan ei kannata mahduttaa likaa tekstiä, vaan pidemmän teksti sisällön voi ja-kaa kahteen eri diakuvaan, jos tiivistäminen ei onnistu.

Kansikuva voi olla yksinkertaisimmillaan vain otsikko yksivärisellä pohjalla Vihreiden logon kera.

Kansikuva- tai otsikkodiojen taustaksi voi etsiä jonkin kuvittavan valokuvan. Riittävän selkeitä ja tasavärisiä valokuvia voi käyttää harkitusti myös muiden tekstidiojen taustalla, kunhan tekstien luettavuus ei vaikeudu.

   Valokuvia voi myös sävyttää brändiväreillä, kuten ohessa.

Google Slidesiin ei saa Bebas- fonttia – siksi otsikoissa käytetään Bebasia muistuttavaa Fjalla One -fonttia. Esitysgrafiikan listauksissa ja leipätekstinä toimii tuttu Roboto.

Page 11: VIHREIDEN VISUAALINEN ILME - vihreat.fi · LOGO JA BRÄNDIVÄRI Vihreiden virallisena logona toimii vihreä väri (PMS 368 C) ja Section-fonteilla kirjoitettu puolueen nimi suomeksi