Difference between revisions of "Graphical manual"

From Piratpartiets Wiki
Jump to navigation Jump to search
m
Line 151: Line 151:
 
|[[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 [[Graphical_manual#Design 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). You may use them in combination with each other (see section below). .  
 
* 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 17:12, 4 November 2015

(This is a translation of Grafisk Manual)

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'.

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.

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

The design of the logotype

The logotype may also be used without text as well as in different Pirate Party colors.

Vertical logo
Uppbyggnad1.jpg
  • Logotype - standard color purple, but can also be used in other Pirate Party colors.
  • Split the surface into 23 equal vertical parts.
  • The logo uses 15 vertical squares.
  • 'Piratpartiet' is always written in capital letters and in 'Lato Light'. It takes up two vertical squares
  • The horizontal measurement defines the width on the vertical scale.
Horizontal logo
Uppbyggnad2.jpg
  • Logotype - standard color purple, but can also be used in other Pirate Party colors.
  • Split the surface into 8 equal vertical parts.
  • The logo uses 4 vertical squares.
  • 'Piratpartiet' is always written in capital letters and in 'Lato Light'. It takes up two vertical squares
  • The horizontal measurement defines the width on the vertical scale.

Using the Logotype

Counties / Local associations
Regioner.jpg The Pirate Party does not need to be typed out if the context of the matter makes it clear that it is by The Pirate Party. For example: A Facebook page where the name already states "The Pirate Party of West Gothia County", etc.
Webadress, etc.
Webbadresser.jpg 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

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

Font

Lato.jpg
  • 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). You may use them in combination with each other (see section below). .
  • 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 www.latofonts.com for your computer.
  • Lato Google fonts, for the webb.

Design

Liggande.jpg
  • Split the page into a grid: 14 horizontal squares and 20 vertical squares.
  • The horizontal logo is always placed in the bottom left corner. During more conventional layouts it should take up 1 square in height
  • The vertical logo can be place in any corner. During more conventional layouts it should take up 2 squares in height.
Stående.jpg
Form1.jpg
  • On posters, flyers, etc. the vertical logo can be placed freely within the marginals
  • Both logo-variations can be adjusted in size until it fits the image and layout
  • 1 square marginal around
  • If the material is to be printed, put half a square of white space around the layout.
  • Think about the combination between image and text. Images with a lot of details = short text. Longer texts require free areas on the image.
Form2.jpg

Icons and illustrations

Raket.jpg 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.

Example of a party-related sender - Mix between old and new
Remix1.jpg Remix (yes please!) the logotype and do fun things with it. However, use the font and colors specified in this manual when it's about official communication from the party or local chapter. The original of the logo may also be used and combined freely.
Example of free remixing
Remix2.jpg 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
enfärg_svart.preview.PNG One color for white/light background SVG PDF PNG JPEG
tvåfärg_svart.preview.png Two colors for light background SVG PDF PNG JPEG
The old logotype in vertical form
Bild Syfte Filer
enfärg_svart.preview.png One color for white/light background SVG PDF PNG JPEG
tvåfärg_svart.preview.png Two colors for light background SVG PDF PNG JPEG

Resources

Manual for print
  • PDF - A4, single paged
  • PDF - A4, spread
Font
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
Hints
Inspiration