Visuaalinen ohjeisto

�1 Pivo visuaalinen identiteetti, versio 0.9

Pivo visuaalinen identiteetti, versio 0.9�2

Logotyyppi

Pivon uusi logotyyppi on tutun värinen, mutta silti uusi.

Pivo visuaalinen identiteetti, versio 0.9�3

Logotyyppi ja turva-alueet

Pivon logon suoja-alue on aina vähintään 1x o-kirjaimen muodostama neliö. Suoja-alue on aina symmetrinen ruudun tai paperin kulmaan nähden. Pivon logo on aina joko teal tai valkoinen. Tähän ei tehdä poikkeuksia.

Pivo visuaalinen identiteetti, versio 0.9�4

Logo ja hierarkia

Brändiviestissä käytetään ensisijaisesti tealia ja valkoista. Jos tämä ei ole mahdollista, voidaan käyttää mustaa versiota.

Brändiviestissä käytetään ensisijaisesti tealia ja valkoista logotyyppiä. Jos tämä ei ole mahdollista, voidaan käyttää mustaa versiota.

Eduista viestittäessä voidaan käyttää kaikkia päävärejä sekä valkoista logoa.

Kuva- ja väripinnan päällä käytetään aina valkoista versiota.

Pivo visuaalinen identiteetti, versio 0.9�5

Värit

# 25D0C5R 37 G 208B 197

Pivo Teal Pivo Purple Pivo Peach Pivo Pink Pivo Black Pivo White

# A34DFFR 163 G 77B 255

# FF7361R 255 G 115B 97

# FF60CCR 255 G 96B 204

# 333333R 51 G 51B 51

# FFFFFFR 255 G 255B 255

70% 70% 70% 70%100% 100% 100% 100%40% 40% 40% 40%

Pivon värien käyttö on sidonnainen sisältöön ja kontekstiin.

Pivo Teal on aina pääväri brändiviestinnässä.Purple, Peach ja Pink sopivat käytettäväksi esimerkiksi Pivon eduista viestittäessä. Kuvituksia yms lisäelementtejä käytettäessä on suotavaa käyttää vaaleampia tinttejä taustapintoina.

Värejä pyritään käyttämään aina isoina pintoina. Digitaalisilla pinnoilla on mahdollista keventää pintoja hienovaraisilla gradienteilla.

Muotokieli

�6 Pivo visuaalinen identiteetti, versio 0.9

Pivo visuaalinen identiteetti, versio 0.9�7

Muotokieli ja elementit

Isojen väripintojen muotokieli saa vaikutteita Pivon sielusta — mobiilisovelluksesta.

Hienovarainen kulmien pyöristys tuo väri-elementteihin pehmeyttä, mutkattomuutta ja moderniutta.

Pivo visuaalinen identiteetti, versio 0.9�8

Pivo-renkaan käyttö

Pivo-rengas on edelleen mukana sovelluksessa, leikkisänä visuaalisena elementtinä.

Sovelluksen ulkopuolella rengasta käytetään graafisena elementtinä mutta ei kuitenkaan koristeena.

Rengas on meille tärkeä — sitä ei saa ylikäyttää!

Typografia

�10 Pivo visuaalinen identiteetti, versio 0.9

Pivo visuaalinen identiteetti, versio 0.9�11

Typografia, yleiset tyylit

aaaa “Aeroport is a new typeface in the spirit of both German geometric sans serifs and Swiss neogrotesques. When used in large point sizes, Aeroport reveals its industrial ancestry and its unconventional design: the somewhat unbalanced top of the lowercase a, the capital B that has deliberately not been compensated optically, the overly wide capital M. In smaller sizes the type creates a starkly different effect: its measured widths and low contrast make a text setting appear neutral and homogenous.“

Pivon käyttämä kirjaisinperhe on nimeltään Aeroport, jonka ovat tehneet Gayaneh Bagdasaryan & Vyacheslav Kirilenko Brown Fox-studiolta.

Pivo visuaalinen identiteetti, versio 0.9�12

Typografia, yleiset tyylit

Maksa ostokset Pivolla helposti ja nopeasti jo yli 5000 suomalaisessa verkkokaupassa.

Maksa ostokset Pivolla helposti ja nopeasti jo yli 5000 suomalaisessa verkkokaupassa.

Aeroport on ensijainen valinta kaikessa Pivon viestinnässä. Jos tätä ei ole saatavilla, käytetään Verdana Regular tai Bold-kirjaisimia.

HUOM. Verdanaa käytetään 20% isommalla rivivälillä ja 12% pienempänä.

Pivo visuaalinen identiteetti, versio 0.9�13

Pääotsikko

Typografia, yleiset tyylit

Otsikko H1

Otsikko H2Ingressi jossa esimerkiksi arvolupaus

This is paragraph one lorem ipsum dolor sit amet consectetur adipiscing elit niam nullat pellentesque. This is paragraph one lorem ipsum dolor sit amet consectetur adipiscing elit niam nullat pellentesque.

Typografiassa Pivo korostaa kontrastia. Käytämme vähemmän tyylejä mutta harkitusti ja itsevarmasti.

Aeroport Light 18 / 24 px.

DATAPISTE

Teksti-ingressi jossa 2-3 lausetta ja kapea kappale

Aeroport Bold 120 / 110 px. Character -1

Aeroport Bold 96 / 96 px. Character -1

Aeroport Bold 54 / 48 px. Aeroport Light

30 / 36 px.

Aeroport Medium 24 / 32 px.

Aeroport Medium UPPERCASE 24 / 32 px.

Ingressi jossa esimerkiksi arvolupausAeroport Light 30 / 36 px.

Otsikko H3Aeroport Bold 48 / 48 px.

This is paragraph one lorem ipsum dolor sit amet consectetur adipiscing elit niam nullat pellentesque. This is paragraph one lorem ipsum dolor sit amet consectetur adipiscing elit niam nullat pellentesque.

Yksinkertaista. Pivo.

�20 Pivo visuaalinen identiteetti, versio 0.9