Grafisk manual

From Piratpartiets Wiki
Jump to navigation Jump to search

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

Det lila (eller vita) seglet är vår logotyp, som tillsammans med namnet används som vår primära logga. Seglet får användas ensamt, och även läggas i nån av våra officiella färger. Till höger kan du se den s.k. serpentin-versionen av loggan som kombinerar våra färger och symboliserar rörelse och flexibilitet.

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
  • Logotyp – standardfärg lila, men får även användas i de andra PP-färgerna.
  • Dela upp ytan i 23 lika stora delar på höjden.
  • Loggan tar 15 rutor på höjden.
  • Piratpartiet skrivs alltid i versaler och i Lato Light, och är två rutor på höjden.
  • Det horisontella höjdmåttet bestämmer bredden på vertikal ledd.
Liggande logga
Uppbyggnad2.jpg
  • Logotyp – standardfärg lila, men får även användas i de andra PP-färgerna.
  • Dela upp ytan i 8 lika stora delar på höjden.
  • Loggan tar 4 rutor på höjden.
  • Piratpartiet skrivs alltid i versaler och i Lato Light, och är två rutor på höjden.
  • Det horisontella höjdmåttet bestämmer bredden på vertikal ledd.

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

Manual för utskrift
  • PDF - A4, enkelsidig
  • PDF - A4, uppslag
Typsnitt
Logotyper för nedladdning
  • Loggor – samtliga loggor i ett paket, eps 4-färg för tryck.
  • Loggor – den primära loggan (stående och liggande), eps 4-färg för tryck.
  • Loggomall indesign-dokument, inklusive cmyk och rgb-färginställningar.
Fria bilder
Tips
Inspiration