Ero sivun ”Graafinen ohjeisto” versioiden välillä

PiraattiWikistä
Siirry navigaatioon Siirry hakuun
(→‎Värikoodit: Lisätty huomautus nettisivujen linkkien vaaleammasta lilasta väristä)
Rivi 99: Rivi 99:
|style="width: 30%; background-color: #00a09b;"|
|style="width: 30%; background-color: #00a09b;"|
|}
|}
Nettisivujen linkkien perusvärinä ei ole käytetty ylläolevan taulukon lilaa, koska se ei mustasta tekstistä juurikaan erotu. Linkkien perusväriksi sopii #8224e3, ja hoover-värinä, joka näkyy kun vie kursorin linkin päälle, voi käyttää taulukon oranssia.
Nettisivujen linkkien perusvärinä ei ole käytetty ylläolevan taulukon lilaa, koska se ei mustasta tekstistä juurikaan erotu. Linkkien perusväriksi sopii #8224e3, ja hover-värinä, joka näkyy kun vie kursorin linkin päälle, voi käyttää taulukon oranssia.


== Fontit ==
== Fontit ==

Versio 25. lokakuuta 2016 kello 22.53

Logot

Purjelogo, musta logo -- PNG valkoisella pohjalla -- PNG läpinäkyvällä pohjalla -- SVG, EPS?

Purjelogo, valkoinen logo -- PNG mustalla pohjalla -- PNG läpinäkyvällä pohjalla -- SVG, EPS?

Purjelogo ja teksti, musta logo -- PNG valkoisella pohjalla -- PNG läpinäkyvällä pohjalla -- SVG, EPS?

Purjelogo ja teksti, valkoinen logo -- PNG mustalla pohjalla -- PNG läpinäkyvällä pohjalla -- SVG, EPS?

Piraattinuorten oranssi purjelogo -- PNG valkoiselal taustalla -- PNG läpinäkyvällä taustalla -- SVG, EPS?

Värit

Puolueen värikartta on sama kuin Ruotsin piraateilla.

Tunnusvärejä suositellaan käytettäväksi tehosteväreinä visuaalisessa suunnittelussa. Tunnusvärejä ei kannata käyttää tekstin värinä. Tekstin väri on ensisijaisesti musta vaalealla taustalla, ja valkoinen tummalla taustalla.

Lisäksi käytössä on apuvärejä visuaalisen suunnittelun tueksi. Nämä värisävyt on valittu siksi, että ne ovat toimivassa harmoniassa tunnusvärien kanssa ja sopivat tunnelmaltaan piraattien visuaaliseen ilmeeseen.

Värikoodit

Väri CMYK [0-100] RGB [0-255] RGB Hex triplet for HTML/Web
Lila, 1. tunnusväri 85, 100, 0, 0 81, 36, 131 #512483
Oranssi, 2. tunnusväri 50, 10, 100, 0 242, 137, 3 #f28903
Vihreä 0, 55, 100, 0 149, 180, 32 #95b420
Keltainen 0, 20, 100, 10 234, 189, 0 #eabd00
Pinkki 10, 90, 0, 0 216, 46, 138 #d82e8a
Punainen 15, 95, 85, 0 207, 36, 44 #cf242c
Sininen 90, 0, 15, 0 0, 166, 208 #00a6d0
Tummansininen 100, 60, 10, 0 0, 92, 159 #005c9f
Turkoosi 79, 12, 44, 0 0, 160, 155 #00a09b

Nettisivujen linkkien perusvärinä ei ole käytetty ylläolevan taulukon lilaa, koska se ei mustasta tekstistä juurikaan erotu. Linkkien perusväriksi sopii #8224e3, ja hover-värinä, joka näkyy kun vie kursorin linkin päälle, voi käyttää taulukon oranssia.

Fontit

Penumbra Flare semibold
Nobile
Gentium Basic

Valokuvat

Henkilökuvat, esim. ehdokaskuvat

Ehdokaskuvat eri medioihin

--

Seuraavia voi täydentää

  • Yleisluontoinen muotokuva
  • Flyerit ja muut henkilökohtaiset printattavat mainokset
  • Ehdokaslistat tienvarsilla
  • Sivuston profiilikuvat 270x270 koolla, Philantropy teeman mukaan.

Yleiskuvat, esim. tapahtumakuvat

Grafiikka ja valokuva sosiaalisessa mediassa

Sosiaalinen media on visuaalisessa mielessä todella laaja käsite joten kohdennetaan tässä ohjeessa vain yleisempiin kohtiin.


Twitter (header, profile)

  • Header photo eli taustakuvan suosituskoko on 1500 x 500 pikseliä. Kuvia ei uudelleen muokata (resize) jos niiden koko on 1263 x 421 pikseliä.
  • Profile photo eli profiilikuvan koko on 400 x 400 pikseliä


Twitter (banner)

Piraattipuolue käytti kokoja 600 x 600 ja 800 x 800 pikseliä kannattajakorttikeräyksen aikana 2015-2016 ja toimivat kohtuullisesti eri kokoisilla päätelaitteilla.

  • 1024 x 576 pikseliä on yleisesti käytetty koko

Muiden piraattipuolueiden ohjeistuksia