Difference between revisions of "Grafisk manual"

From Piratpartiets Wiki
Jump to navigation Jump to search
Line 134: Line 134:
  
 
= Formgivning =
 
= Formgivning =
Dela in sidan i en grid: 14 rutor på bredden och 20 på höjden.
 
  
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
 
{| class="wikitable" style="background: #e0dede; width: 900px;"
Line 140: Line 139:
 
| [[File:Liggande.jpg|300px|frameless]]
 
| [[File:Liggande.jpg|300px|frameless]]
 
|  
 
|  
 +
* Dela in sidan i en grid: 14 rutor på bredden och 20 på höjden.
 
* Den liggande loggan placeras alltid i vänsterkant, vid lite mer konventionella layouter, ska den ta 1 ruta på höjden.  
 
* Den liggande loggan placeras alltid i vänsterkant, vid lite mer konventionella layouter, ska den ta 1 ruta på höjden.  
 
* Den stående loggan kan placeras i alla hörn, vid lite mer konventionella layouter ska den ta 2 rutor på höjden.
 
* Den stående loggan kan placeras i alla hörn, vid lite mer konventionella layouter ska den ta 2 rutor på höjden.
Line 150: Line 150:
 
* 1 rutas marginal runt om.  
 
* 1 rutas marginal runt om.  
 
* Ska materialet skrivas ut på skrivare, lägg en halv rutas vit kant runt om.
 
* Ska materialet skrivas ut på skrivare, lägg en halv rutas vit kant runt om.
 +
* Tänk på att bild och text ska kunna kombineras. Bilder med många detaljer = kort text. Längre texter kräver fria ytor på fotografiet. Du kan hitta fria bilder på [http://stocksnap.io stocksnap.io] bland annat.
 
| [[File:Form2.jpg|300px|frameless|]]
 
| [[File:Form2.jpg|300px|frameless|]]
 
|-
 
|-
 
|}
 
|}
 
Tänk på att bild och text ska kunna kombineras. Bilder med många detaljer = kort text. Längre texter kräver fria ytor på fotografiet. Du kan hitta fria bilder på [http://stocksnap.io stocksnap.io] bland annat.
 
  
 
= Ikoner och illustrationer =
 
= Ikoner och illustrationer =

Revision as of 17:13, 9 October 2015

Välkommen till Piratpartiets grafiska manual. Detta är ej stenhårda regler utan är tänkt som ett stöd för när man gör saker med Piratpartiet som avsändare.

Officiell logotyp

Stående logga
Standard stående medsvarttext.svg Standard stående medvittext.svg Serpentin stående medsvarttext.svg
Liggande logga
Standard liggande medsvarttext.svg style="background-color: #512483;" Serpentin liggande medsvarttext.svg

Logotypens uppbyggnad

Logotypen får även användas utan text till, samt i olika PP-färger.

Stående logga

Uppbyggnad1.jpg

Liggande logga

Uppbyggnad2.jpg

Logotypens användning

Regioner/föreningar
Regioner.jpg Piratpartiet behöver inte vara utskrivet vid logotypen om sammanhanget gör det tydligt att det är Piratpartiet. Exempel: en Facebooksida där sidans namn redan anger ”Piratpartiet Västra Götaland”, el.dyl.
Webbadress, osv.
Webbadresser.jpg Ska helst alltid vara i det stående formatet och alltid Lato Bold i gemener.

Färger

Färgerna får även användas i procentad form.

Färgkoder
Webb Tryck (CMYK)
Lila – primärfärg #512483 85-100-0-0
Orange – sekundärfärg #f28903 50-10-100-0
Gul #eabd00 0-20-100-10
Grön #95b420 0-55-100-0
Rosa #d82e8a 10-90-0-0
Röd #cf242c 15-95-85-0
Blå #00a6d0 90-0-15-0
Mörkblå #005c9f 100-60-10-0
Turkos #00a09b 79-12-44-0

Kombination logotyp och färger

Lila segel.svg Orange segel.svg Gult segel.svg Grönt segel.svg Rosa segel.svg
Rött segel.svg Ljusblått segel.svg Mörkblått segel.svg Turkost segel.svg Vitt segel.svg

Typsnitt

Lato

Vi använder primärt fonten LATO i fyra skärningar (inom parentes Google Fonts): Light/Light Italic (300), Regular/Italic (400), Bold/Bold Italic (700) och Black/Black Italic (900). Gärna i kombination med varandra (se avsnitt Formgivning). Det finns fler skärningar av fonten – exempelvis LATO HAIRLINE. Den kan användas för trycksaker, men fungerar inte bra för skärmbilder online osv.

Formgivning

Liggande.jpg
  • Dela in sidan i en grid: 14 rutor på bredden och 20 på höjden.
  • Den liggande loggan placeras alltid i vänsterkant, vid lite mer konventionella layouter, ska den ta 1 ruta på höjden.
  • Den stående loggan kan placeras i alla hörn, vid lite mer konventionella layouter ska den ta 2 rutor på höjden.
Stående.jpg
Form1.jpg
  • På affischer, flyers osv, kan den stående loggan placeras fritt inom marginalerna.
  • Båda loggovarianterna kan ändras till den storlek som passar till bild och layout.
  • 1 rutas marginal runt om.
  • Ska materialet skrivas ut på skrivare, lägg en halv rutas vit kant runt om.
  • Tänk på att bild och text ska kunna kombineras. Bilder med många detaljer = kort text. Längre texter kräver fria ytor på fotografiet. Du kan hitta fria bilder på stocksnap.io bland annat.
Form2.jpg

Ikoner och illustrationer

Raket.jpg

Ibland kan man behöva använda sig av ikoner eller illustrationer. För det ändamålet ­rekommenderas Font Awsome. Används med fördel tillsammans med vårt typsnitt och våra färger.

Remix av logotyp

Remixa (gärna) logotypen och gör roliga saker med den. Använd dock typsnitt och färger som angivet i manualen när det handlar om officiella budskap från partiet eller föreningen. Original­utseendet på loggan får även användas och kombineras fritt.

Exempel på partianknuten avsändare – mix av gammalt och nytt

Remix1.jpg

Exempel på helt fri remix

Remix2.jpg

Den gamla loggan - liggande

Den här loggan får användas för remix och utveckling.

Bild Syfte Filer
enfärg_svart.preview.PNG Enfärg för vit/ljus bakgrund SVG PDF PNG JPEG
tvåfärg_svart.preview.png Tvåfärg för ljus bakgrund SVG PDF PNG JPEG
Den gamla loggan stående
Bild Syfte Filer
enfärg_svart.preview.png Enfärg för vit/ljus bakgrund SVG PDF PNG JPEG
tvåfärg_svart.preview.png Tvåfärg för ljus bakgrund SVG PDF PNG JPEG

Länkresurser

PDF – Grafisk manual som pdf

Typsnitt
Logotyper för nedladdning
  • adressförallalogotyperna – samtliga loggor i ett paket, eps 4-färg för tryck.
  • adressförgrundloggan – den primära loggan (stående och liggande), eps 4-färg för tryck.
Fria bilder
Tips
Inspiration
  • Pirate Party Australia (posters, social media materials)
  • Confederación Pirata (posters, memes, ads, logos)
  • Pirate Party UK (posters, flyers, images etc.)
  • Pirate Party of Slovenia (flyers, posters etc.)