Skillnad mellan versioner av "Grafisk profil"
Pelutt (Diskussion | bidrag) |
Pelutt (Diskussion | bidrag) (→Typsnitt) |
||
Rad 106: | Rad 106: | ||
= Typsnitt = | = Typsnitt = | ||
− | * Vi använder primärt fonten LATO i (inom parentes Google Fonts): Light/Light Italic (300), Regular/Italic (400), | + | * Vi använder primärt fonten LATO i (inom parentes Google Fonts): Light/Light Italic (300), Regular/Italic (400), och Black/Black Italic (900). Gärna i kombination med varandra. |
* 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. | * 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] | * Ladda ner till dator från [http://www.latofonts.com www.latofonts.com] | ||
* [http://www.google.com/fonts/specimen/Lato Google fonts], för webb. | * [http://www.google.com/fonts/specimen/Lato Google fonts], för webb. | ||
− | |||
= Ikoner och illustrationer = | = Ikoner och illustrationer = |
Versionen från 16 februari 2016 kl. 16.57
En grafisk profil har man för att en organisation enkelt ska kännas igen. Här sammanställs olika riktlinjer för hur allt material ska utformas så det blir sammanhängande. Sidan är också tänkt att hjälpa medlemmar m.fl. när de själva ska ta fram exempelvis ett flygblad. Det som finns angett i Ung Pirats grafiska profil är inte några regler som absolut måste följas utan snarare riktlinjer, eller tips om man så vill. I denna profil finns information om logotyp, teckensnitt, färger, och grafiska element.
Innehåll
Protip: snappa.io
Det absolut enklaste stället att starta är att använda sig av tjänsten https://snappa.io/. Här kan du gratis skapa schyst grafik utifrån färdiga mallar skapade för att smidigt spridas i sociala medier och på webben. Alla element i tjänsten är licensierade CC0, dvs public domain, och får användas hur som helst.
Välj en template, en snygg bakgrund, skriv budskapet i Lato i UP-orange (vars exakta hexkod du kan kopiera nedan), ladda upp logon och du är klar!
Officiell logotyp
![]() |
Logotypen får även användas utan text till, samt i olika UP-färger, såhär:
![]() |
Färger
Vår primära färg är orange. Den får gärna användas i kombination med svart, vitt, grått samt de andra profilfärgerna. För "coolt" satsa på orange eller annan profilfärg plus svart. För "happy" eller "nice looking" satsa på grönt eller annan profilfärg med vitt. Experimentera gärna med att använda profilfärgerna som bakgrund med svart eller vit text. Här finns exempel.
![]() |
![]() |
![]() |
Färgkoder | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Webb | Tryck (CMYK) | |||||||||||
Orange – primär färg | #f28903 | 50-10-100-0 | ||||||||||
Grön – sekundär färg | #95b420 | 0-55-100-0 | ||||||||||
Lila – sekundär färg | #512483 | 85-100-0-0 | ||||||||||
Gul | #eabd00 | 0-20-100-10 | ||||||||||
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 |
Typsnitt
- Vi använder primärt fonten LATO i (inom parentes Google Fonts): Light/Light Italic (300), Regular/Italic (400), och Black/Black Italic (900). Gärna i kombination med varandra.
- 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
- Google fonts, för webb.
Ikoner och illustrationer
Ibland kan man behöva använda sig av ikoner eller illustrationer. För det ändamålet rekommenderas Font Awsome eller Lato Black. Används med fördel tillsammans med vårt typsnitt i tunnare skärningar och våra färger.
Länkresurser
Typsnitt
- Lato – vårt officiella typsnitt
- Google fonts Lato på webbsidor
- Font Awsome – fri ikonfont för webb och illustrationer
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)
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
- Filmer gjorda med Piratpartiets grafiska form: Infofilm, film om migration.
- Fristående hemsida med nedslag i Piratpartiets politik, framtidspolitik.nu
- Confederación Pirata (posters, memes, ads, logos)
- Pirate Party UK (posters, flyers, images etc.)