Difference between revisions of "Graphical manual"
m |
m |
||
Line 2: | Line 2: | ||
= Official logotype = | = Official logotype = | ||
− | The purple (or white) sail is our logotype (symbol). Together with the name (wordmark) it will create our primary logo (combination mark). The sail can be used on its own, and even be used in one of our official [[ | + | The purple (or white) sail is our logotype (symbol). Together with the name (wordmark) it will create our primary logo (combination mark). The sail can be used on its own, and even be used in one of our official [[Graphical_manual#Colors|colors]]. On the right you can see the so called "serpentine-version" of the logotype that combines our colors whilst symbolizing movement and flexibility. Different versions can be [[Graphical_manual#Logotypes_for_downloading|downloaded]]. |
=====Vertical logo===== | =====Vertical logo===== | ||
Line 25: | Line 25: | ||
|[[File:Uppbyggnad1.jpg|500px|frameless]] | |[[File:Uppbyggnad1.jpg|500px|frameless]] | ||
| | | | ||
− | * Logotype - standard color purple, but can also be used in other | + | * Logotype - standard color purple, but can also be used in other [[Graphical_manual#Colors|Pirate Party colors]]. |
* Split the surface into 23 equal vertical parts. | * Split the surface into 23 equal vertical parts. | ||
* The logo uses 15 vertical squares. | * The logo uses 15 vertical squares. | ||
Line 36: | Line 36: | ||
|[[File:Uppbyggnad2.jpg|500px|frameless]] | |[[File:Uppbyggnad2.jpg|500px|frameless]] | ||
| | | | ||
− | * Logotype - standard color purple, but can also be used in other | + | * Logotype - standard color purple, but can also be used in other [[Graphical_manual#Colors|Pirate Party colors]]. |
* Split the surface into 8 equal vertical parts. | * Split the surface into 8 equal vertical parts. | ||
* The logo uses 4 vertical squares. | * The logo uses 4 vertical squares. | ||
Line 149: | Line 149: | ||
|[[File:Lato.jpg|500px|frameless]] | |[[File:Lato.jpg|500px|frameless]] | ||
| | | | ||
− | * We're primarily using the font LATO in four cuts (?) (within parenthesis Google Fonts): Light/Light Italic (300), Regular/Italic (400), Bold/Bold Italic (700) och Black/Black Italic (900). gladly in combinations with each other | + | * We're primarily using the font LATO in four cuts (?) (within parenthesis Google Fonts): Light/Light Italic (300), Regular/Italic (400), Bold/Bold Italic (700) och Black/Black Italic (900). gladly in combinations with [[Graphical_manual#Design each other]]. |
* There are several cuts (?) of this particular font - for example LATO HAIRLINE. It can be used for prints, but doesn't work well online etc. | * There are several cuts (?) of this particular font - for example LATO HAIRLINE. It can be used for prints, but doesn't work well online etc. | ||
* Download at [http://www.latofonts.com www.latofonts.com] for your computer. | * Download at [http://www.latofonts.com www.latofonts.com] for your computer. |
Revision as of 15:34, 16 October 2015
Welcome to the graphical manual for the Swedish Pirate Party. These rules are not set in stone, but rather meant as a support for when designing something in connection with the Pirate Party. In Swedish the Pirate Party is called 'Piratpartiet'.
Contents
Official logotype
The purple (or white) sail is our logotype (symbol). Together with the name (wordmark) it will create our primary logo (combination mark). The sail can be used on its own, and even be used in one of our official colors. On the right you can see the so called "serpentine-version" of the logotype that combines our colors whilst symbolizing movement and flexibility. Different versions can be downloaded.
Vertical logo
Horizontal logo
The design of the logotype
The logotype may also be used without text as well as in different Pirate Party colors.
Vertical logo
|
Horizontal logo
|
Using the Logotype
Counties / Local associations
Webadress, etc.
Preferably always in a vertical format and always in lowercase 'Lato Bold' letters. |
Colors
The colors may also be used as percent
Color codes | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
Web | Print (CMYK) | |||||||||||
Purple - Primary color | #512483 | 85-100-0-0 | ||||||||||
Orange - Secondary color | #f28903 | 50-10-100-0 | ||||||||||
Yellow | #eabd00 | 0-20-100-10 | ||||||||||
Green | #95b420 | 0-55-100-0 | ||||||||||
Pink | #d82e8a | 10-90-0-0 | ||||||||||
Red | #cf242c | 15-95-85-0 | ||||||||||
Blue | #00a6d0 | 90-0-15-0 | ||||||||||
Dark blue | #005c9f | 100-60-10-0 | ||||||||||
Turquoise | #00a09b | 79-12-44-0 |
Combining logo and colors
Font
|
Design
Icons and illustrations
Sometimes there is a need to use icons or illustrations. For this purpose 'Font Awsome' is recommended. It goes very well together with out font and colors. |
Remixing the logo
Example of free remixing
This logo may be used for remixing, developed into new forms and used for e.g. satire |
The old logotype - horizontal
This logo may be used for remixing and also developed into new forms
Bild | Syfte | Filer |
---|---|---|
One color for white/light background | SVG PDF PNG JPEG | |
Two colors for light background | SVG PDF PNG JPEG |
The old logotype in vertical form
Bild | Syfte | Filer |
---|---|---|
One color for white/light background | SVG PDF PNG JPEG | |
Two colors for light background | SVG PDF PNG JPEG |
Resources
Manual for print
Font
- Lato – our official font
- Lato Google fonts for websites
- Font Awsome – Free iconic font for web and illustrations
Logotypes for downloading
- Logos – All the logos in one package, eps 4-color for printing
- Logos - All the logos in one package, svg RGB for web etc.
- Logos – The primary logotype (vertical and horizontal), eps 4-color for printing
- Logo templates indesign-dokument, indesign-document, includes cmyk and rgb color presets
Free images
- stocksnap.io Nice, high resolution images that can be used freely
- www.freepik.com/popular-vectors Free vector-based illustrations
- Flickr (to find CC images on Flickr)
- www.flickr.com/search/advance (filter for CC when searching)
- bildbank.piratpartiet.se/main.php (PPSE imagebank)
- commons.wikimedia.org (ofcourse)
- search.creativecommons.org (portal for CC-images)
- www.google.com image search - adjust the user rights to find free images
Hints
- Guides to formatting for social media
- Free psd-files
- Free music, e.g. for video
- Combine and convert pdf-files
- Free sound effects
Inspiration
- Videos made with 'Piratpartiet' graphical design: Infofilm, Info-video about immigration.
- Indpendent website highlighting the politics of 'Piratpartiet', framtidspolitik.nu
- Confederación Pirata (posters, memes, ads, logos)
- Pirate Party UK (posters, flyers, images etc.)