Difference between revisions of "Grafisk manual"
Line 2: | Line 2: | ||
= 1. Officiell logotyp = | = 1. Officiell logotyp = | ||
− | Kommer lägga in en bild här. | + | * Kommer lägga in en bild här. |
= 2. Logotypens uppbyggnad = | = 2. Logotypens uppbyggnad = | ||
Obs – logotypen får även användas utan text till, samt i olika PP-färger. | Obs – logotypen får även användas utan text till, samt i olika PP-färger. | ||
− | Bilder kommer. | + | * Bilder kommer. |
= 3. Logotypens användning = | = 3. Logotypens användning = | ||
=====Regioner/föreningar===== | =====Regioner/föreningar===== | ||
− | Kommer lägga in en bild här. | + | * Kommer lägga in en bild här. |
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. | 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.===== | =====Webbadress, osv.===== | ||
+ | * Kommer lägga in en bild här. | ||
Ska helst alltid vara i det stående formatet. | Ska helst alltid vara i det stående formatet. | ||
− | |||
= 4. Färger = | = 4. Färger = | ||
+ | Färgerna får även användas i procentad form. | ||
{| class="wikitable" | {| class="wikitable" | ||
!colspan="13"|Färgkoder | !colspan="13"|Färgkoder | ||
Line 91: | Line 92: | ||
= 5. Kombination logotyp och färger = | = 5. Kombination logotyp och färger = | ||
− | Kommer lägga in en bild här. | + | * Kommer lägga in en bild här. |
= 6. Typsnitt = | = 6. Typsnitt = | ||
− | Kommer lägga in en bild här. | + | * Kommer lägga in en bild här. |
+ | 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. | ||
+ | * Ladda ner till dator från [http://www.latofonts.com www.latofonts.com] | ||
+ | * Finns även på [http://www.google.com/fonts/specimen/Lato Google fonts], för hemsidor o.dyl. | ||
= 7. Formgivning = | = 7. Formgivning = | ||
− | Kommer lägga in en bild här. | + | Dela in sidan i en grid: 14 rutor på bredden och 20 på höjden. |
+ | * Kommer lägga in en bild här. | ||
+ | |||
+ | 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. | ||
+ | * Kommer lägga in en bild här. | ||
+ | |||
+ | 1 rutas marginal runt om. Ska materialet skrivas ut på skrivare, lägg en halv rutas vit kant runt om. | ||
+ | * Kommer lägga in en bild här. | ||
+ | |||
+ | 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. | ||
= 8. Ikoner och illustrationer = | = 8. Ikoner och illustrationer = | ||
− | Kommer lägga in en bild här. | + | Ibland kan man behöva använda sig av ikoner eller illustrationer. För det ändamålet rekommenderas [http://fortawesome.github.io/Font-Awesome Font Awsome]. Används med fördel tillsammans med vårt typsnitt och våra färger. |
+ | * Kommer lägga in en bild här. | ||
= 9. Remix av logotyp = | = 9. Remix av logotyp = | ||
− | Kommer lägga in en bild här. | + | * Kommer lägga in en bild här. |
= 10. Länkresurser = | = 10. Länkresurser = |
Revision as of 21:19, 8 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.
Contents
1. Officiell logotyp
- Kommer lägga in en bild här.
2. Logotypens uppbyggnad
Obs – logotypen får även användas utan text till, samt i olika PP-färger.
- Bilder kommer.
3. Logotypens användning
Regioner/föreningar
- Kommer lägga in en bild här.
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.
- Kommer lägga in en bild här.
Ska helst alltid vara i det stående formatet.
4. 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 | #95b420 | 50-10-100-0 | ||||||||||
Grön | #f28903 | 0-55-100-0 | ||||||||||
Rosa | #d82e8a | 10-90-0-0 | ||||||||||
Gul | #eabd00 | 0-20-100-10 | ||||||||||
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 |
5. Kombination logotyp och färger
- Kommer lägga in en bild här.
6. Typsnitt
- Kommer lägga in en bild här.
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.
- Ladda ner till dator från www.latofonts.com
- Finns även på Google fonts, för hemsidor o.dyl.
7. Formgivning
Dela in sidan i en grid: 14 rutor på bredden och 20 på höjden.
- Kommer lägga in en bild här.
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.
- Kommer lägga in en bild här.
1 rutas marginal runt om. Ska materialet skrivas ut på skrivare, lägg en halv rutas vit kant runt om.
- Kommer lägga in en bild här.
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.
8. Ikoner och illustrationer
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.
- Kommer lägga in en bild här.
9. Remix av logotyp
- Kommer lägga in en bild här.
10. Länkresurser
PDF – Grafisk manual som pdf
TYPSNITT
- Lato – vårt officiella typsnitt
- Google fonts vårt officiella typsnitt för webb
- Font Awsome – fri ikonfont för webb och illustrationer
LOGOTYPER
- 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
- stocksnap.io Snygga högupplösta bilder som får användas fritt
- www.freepik.com/popular-vectors Fria vectorbaserade illustrationer
- Flickr (för att hitta CC-bilder på Flickr)
- www.flickr.com/search/advance (ställ in CC när du söker)
- bildbank.piratpartiet.se/main.php (PPs bildbank)
- commons.wikimedia.org (såklart)
- search.creativecommons.org (portal för CC-bildsidor)
- www.google.com bildsök – ställ in användarrättigheter för att hitta fria bilder
TIPS
- Guider för format i sociala medier
- Fria psd-filer
- Fri musik, för exempelvis film
- Kombinera och konvertera pdf-filer
- Fria ljudeffekter
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.)