Sisällys. Logo... 3 Symboli... 7 Värit Typografia...12 Esityspohja...14

Koko: px

Aloita esitys sivulta:

Download "Sisällys. Logo... 3 Symboli... 7 Värit Typografia...12 Esityspohja...14"

Irma Auvinen
6 vuotta sitten
Katselukertoja:

1 Graafinen ohjeisto

2 Sisällys Logo... 3 Symboli... 7 Värit Typografia...12 Esityspohja...14

3 Pivo Logo Pivo-logo Pivon käyttöliittymä on äärimmäisen funktionaalinen, pelkistetty ja helppo. Kaikki visuaalisuus tukee tuotteen käyttäjäkokemusta. Kuten muussakin kommunikaatiossa, pyritään myös graafisessa esittämistavassa minimalismiin. Pivo on tekemisissä ihmisten omien rahojen kanssa, joten luotettavuus on erittäin tärkeää. Muoto seuraa Pivon graafisessa ilmeessä aina tarkoitusta. Logon design korostaa Pivon brändiattribuutteja: muotoiltu, uskottava, inhimillinen ja älykäs. Pivo-logosta tulee aina käyttää alkuperäistä vektoritiedostoa. Pivo-logon väri on TEAL tai negatiivi. TEAL #00C6BA R: 0 G: 198 B: 186 PMS: 326 C C: 81 M: 0 Y: 39: 0 3

4 Pivo Logon suoja-alueet Pivo-logon suoja-alueet Pivo-logon suoja-alue on samankokoinen kuin logon p-kirjaimen ympyrän säde. Logon suoja-alueelle ei saa asettaa muita elementtejä. Näin varmistetaan, että logolla on tarpeeksi tilaa hengittää. 4

5 Pivo Logo mustavalkoisena Pivo-logo mustavalkopainatuksessa Älä koskaan käytä harmaata versioa Pivo-logosta. Mikäli väripainatus ei ole mahdollista, Pivo-logoa käytetään täysin mustana tai mustalla pohjalla valkoisena. 5

Pivo ja sen yhteistyökumppanit ovat myös graafisesti samanarvoisessa asemassa.

6 Pivo Logon asettelu Pivo-logon asettelu Yhteistyökumppanien logot kuuluvat Pivo-logon oikealle puolelle. Kun Pivo-logo esiintyy jonkin muun logon kanssa yhdessä, on logojen välisen suhteen oltava tasapainoinen. Pivo ja sen yhteistyökumppanit ovat myös graafisesti samanarvoisessa asemassa. Älä koskaan aseta Pivo-logoa vinoon tai pystysuoraan. Pääasiassa Pivo-logo esiintyy yksivärisellä pohjalla. Jos se ei ole mahdollista, lado logo kuvan päälle niin, että se erottuu mahdollisimman selkeästi. 6

7 Pivo Symboli Pivo-symboli Pivon pyöreä symboli puhuu samaa muotokieltä kuin logokin. Symbolia voidaan käyttää Pivon markkinoinnissa myös toiminnallisena elementtinä sellaisena se esiintyy myös Pivon käyttöliittymässä. Kaikki Pivon tekemä markkinointi on tavalla tai toisella yhteismarkkinointia. Kun Pivo puhuu, itse symboli esiintyy aina Pivon pääväreissä. Jos markkinoinnissa näkyy yhteistyökumppanille personoitu käyttöliittymä, voi symbolin väri olla yhteistyökumppanin brändin värinen muoto säilyy aina samanlaisena. Pivo-symbolia käytetään pitämään Pivon markkinointi linjakkaana. Huom! Pivo-symboli ei korvaa Pivo-logoa! Kun symboli esiintyy markkinointiviestinnässä, on sen yhteydessä käytettävä myös Pivo-logoa. 7

8 Pivo Symbolin käyttö Pivo-symbolin käyttö Mikäli koko symboli on näkyvissä, graafiset elementit on aseteltava keskitetysti suhteessa symboliin. 8

9 Pivo Symbolin käyttö Pistä Pivo päälle. Saat meiltä älytarjouksia. Esimerkki Pivo-symbolin käytöstä yhteismainonnassa Pivo-symbolin on oltava hallitsevassa roolissa suhteessa muihin graafisiin elementteihin. 9

10 Pivo Symbolin ja logon käyttö Pivo-symbolin ja -logon käyttö Painetussa materiaalissa Pivo-logon paikka on oikeassa alakulmassa. Pivo-symboli puolestaan tulee asettaa keskelle. Pivon symboli esiintyy aina Pivon värisenä. Ainoa poikkeus tästä on, kun Pivon yhteistyökumppanille personoidun käyttöliittymän osa esiintyy markkinoinnissa. Pivo-symbolia ei käytetä ilman Pivo-logoa. Pivo-symbolin esiintyy vain yhden kerran yhdellä sivulla. Muista, että Pivo on tyylikäs tuote. Hyvä maku symbolin käytössä on erittäin toivottavaa. Liikkuvassa kuvassa käytä aina Pivon logon lopputunnistetta. 10

11 Pivo Värit Primääriväri TEAL #00C6BA R: 0 G: 198 B: 186 PMS: 326 C C: 81 M: 0 Y: 39 K: 0 LIME #BBDDAA R: 187 G: 221 B: 170 PMS: 359 C C: 40 M: 0 Y: 50 K: 0 PISTACHIO #EEEEDD R: 238 G: 238 B: 221 PMS: 612 C C: 12 M: 1 Y: 12 K: 2 RUBY #FF2266 R: 255 G: 34 B: 102 PMS: 226 C C: 0 M: 100 Y: 2 K: 0 POSTIT #EEFF00 R: 238 G: 255 B: 0 PMS: 3955 C C: 4 M: 0 Y: 100 K: 0 LIGHT GREY #EAEAEA R: 234 G: 234 B: 234 C: 4 M: 2 Y: 4 K: 8 MID GREY #9F9F9F R: 159 G: 159 B: 159 C: 16 M: 11 Y: 11 K: 27 DARK GREY # R: 80 G: 80 B: 80 C: 44 M: 34 Y: 22 K: 77 11

12 Pivo Typografia Avenir Next ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ! # $ [] ± > < Avenir Next Demibold ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ! # $ [] ± > < Avenir Next Condensed ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ! # $ [] ± > < Pivon typografia Pivon kirjasinleikkaus on Avenir Next. Otsikot kirjoitetaan Avenir Next Demibold leikkauksella. Rajoitetusssa tilassa voidaan käyttää myös Avenir Next Condensed leikkausta, mutta koko julkaisun linjan on oltava yhtenäinen. Pääotsikkojen värin tulee olla: TEAL #00C6BA R: 0 G: 198 B: 186 PMS: 326 C C: 81 M: 0 Y: 39: 0 12

13 Pivo Typografia Arial ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ! # $ [] ± > < Arial Bold ABCDEFGHIJKLMNOPQRSTUVWXYZÅÄÖ abcdefghijklmnopqrstuvwxyzåäö ! # $ [] ± > < Vaihtoehtoinen typografia Mikäli Avenir Next kirjaisinta ei ole mahdollista käyttää, korvaavana kirjaisimena toimii Arial. 13

14 Pivo Powerpoint ja Keynote pohjat Pivo PowerPoint- ja Keynote-esityksen pohja PPT ja Keynote-tiedostot löydät osoitteesta/paikasta 14

15 15

Samankaltaiset tiedostot

Tunnus. Typografia. Värit. Kuvamaailma. Sovellukset. päävärit lisävärit. värivariaatiot koko käyttö suoja-alue. internet Office

Tunnus. Typografia. Värit. Kuvamaailma. Sovellukset. päävärit lisävärit. värivariaatiot koko käyttö suoja-alue. internet Office graafinen ohjeisto Tunnus värivariaatiot koko käyttö suoja-alue Typografia internet Office Värit päävärit lisävärit Kuvamaailma valokuvat graafiset elementit kuvituskuvat Sovellukset PowerPoint Mikä on