Styleguide 2010/11 Piratenpartei Baden-Württemberg KLARMACHEN ZUM DESIGNEN!
Ziel des Styleguides ist es, einen einheitlichen Markenauftritt der Piratenpartei Baden-Württemberg zu definieren. Der Styleguide umfasst noch nicht alle Bereiche, hauptsächlich jedoch Print. Es wird empfohlen, den Styleguide auch auf Screen zu übertragen. Änderungen, Anregungen und Ergänzungen sind ausdrücklich erwünscht. Am besten reicht ihr sie auf der Mailingliste der BW-AG-Design ein. - Alexander Walther Inhaltsverzeichnis Hinweise zum Gebrauch des Styleguides Seite 3 Farbschema Seite 4 Logo Seite 6 Gestaltungselemente Seite 8 Schriften Seite 10 Seite 12 Anwendungsbeispiele Seite 18 Fotopool Seite 20 Checkliste Seite 21 Information Inhaltsverzeichnis Der Styleguide ist Teil eines umfangreichen ZIP-Pakets, in dem auch Dokumentenvorlagen für InDesign abgelegt sind. Hinweise zum Gebrauch des Styleguides Styleguide - Fassung vom 10.10.2010 Hinweise zum Gebrauch des Styleguides Alle Piratenpartei-Logos werden in verschiedenen Farbversionen angeboten. Damit die Farben korrekt dargestellt werden, ist es wichtig, die richtige Wahl der Logoversion zu treffen. Darstellung am Bildschirm Die Darstellung am Bildschirm erfolgt mit der additiven Farbmischung, das heisst im RGB-Modus (Rot/Grün/Blau). Für diese Darstellung kann sowohl die RGB- wie auch die Schwarz/Weiss-Version eingesetzt werden. Dateien für die Bildschirmdarstellung beinhalten das Kürzel _rgb. Achtung: Die RGB-Version darf auf keinen Fall für die Druckausgabe verwendet werden. Die Farbausgabe wird sonst zum Lottospiel. Einsatz für die Druckausgabe Die Ausgabe auf Laserdrucker oder professionellen Druckmaschinen basiert auf der subtraktiven Farbmischung. Im Gegensatz zur Bildschirmdarstellung existieren bei der Druckausgabe verschiedene Farbarten: Schwarz/Weiss: Beim S/W-Druck wird nur mit der Farbe Schwarz gedruckt. Sowohl Laser- und Tintenstrahldrucker als auch Druckmaschinen drucken S/W. Dateien für den 4-Farbendruck beinhalten das Kürzel _sw. Dieser Text basiert auf dem CD der Piratenpartei Schweiz. URL 4-Farbendruck: Beim CMYK-Druck werden die Farben durch die Rasterung von Cyan/Magenta/Yellow/Schwarz (Key) aufgebaut. Sowohl Laser- und Tintenstrahldrucker als auch Druckmaschinen drucken im CMYK-Modus. Dateien für den 4-Farbendruck beinhalten das Kürzel _cmyk. Vollfarbendruck: Vorgaben zum Vollfarbendruck sind noch nicht vorhanden. 2 3
Farbschema Primärfarben Farbschema Farbschema Styleguide - Fassung vom 10.10.2010 Farbschema Infografiken Das Farbschema für Infografiken basiert auf dem CD der Piratenpartei Schweiz. URL Orange Gelb Web: #FF8800 Print: C=0 M=50 Y=100 K=0 CMYK 0/10/100/0 RGB 255/220/0 Schwarz Orange Web: #000000 Print: C=0 M=50 Y=100 K=0 CMYK 0/35/100/0 RGB 249/178/0 Weiß Hellrot Web: #FFFFFF Print: C=0 M=50 Y=100 K=0 CMYK 0/75/100/0 RGB 233/94/15 Dunkelgrau Dunkelrot Web: #363636 Print: C=0 M=0 Y=0 K=85 CMYK 15/100/60/0 RGB 205/0/70 Mittelgrau Schwarz RGB 140/140/140 Print: C=0 M=0 Y=0 K=40 CMYK 0/0/0/100 RGB 0/0/0 Hellgrau Violett Web: #D9D9D9 Print: C=0 M=0 Y=0 K=20 CMYK 65/75/0/35 RGB 85/59/115 Blau CMYK 80/50/0/0 RGB 52/116/82 4 5
Logo Logo Logo Styleguide - Fassung vom 10.10.2010 Logo Die Logos befinden sich im Ordner Vorlagen Das allgemeine Piratenpartei-Logo auf Bundesebene So nicht! Falsches Seitenverhältnis Die BW-AG-Design hilft dir gerne, wenn du eine Flyer- oder Plakatidee besitzt, aber nicht das nötige Know-How hast, /logos in der beiliegenden ZIP-Datei, auch als PNG, JPEG und EPS. pplogo_bund_rgb.ai pplogo_bund_cmyk.ai Das Piraten-Logo für Baden-Württemberg Bunte Farben um ein druckfertiges Dokument zu erstellen. Für den Druck: Logo-PiratenBW_cmyk_#.svg (bunt) Logo-PiratenBW_k (einfarbig) Neigungen / Drehungen Für den Bildschirm: Logo-PiratenBW_rgb_#.svg (bunt) Logo-PiratenBW_schwarz (einfarbig) Effekte (Schlagschatten, 3D, etc.) Wir bitten um strikte Einhaltung! Einsatz Grundsätzlich sollte das BW Logo nur auf weißem oder dunkelgrauem Hintergrund mit ausreichend Platz nach allen Seiten eingesetzt werden. Sollte das (aus welchen Gründen auch immer) nicht möglich sein, so sollte darauf geachtet werden, dass Logo und Schriftzug lesbar bleiben. zusätzliche Elemente / sonstige Veränderungen Auf bunten oder unruhigen Hintergründen :) Logo zu klein / zu groß Übergroß sollte das Logo nur auf Plakaten für die Straße verwendet werden. Weniger ist mehr: Das Piratenpartei-Logo MUSS NICHT in jeder Ecke eines Dokumentes zu finden sein. Es genügt meist, wenn es auf dem Flyer, Cover, Plakat... 1x vertreten ist. Der Begriff Piratenpartei selbst fällt ohnehin noch oft genug innerhalb eines Textes. 6 7
Gestaltungselemente Gestaltungselemente Gestaltungselemente Styleguide - Fassung vom 10.10.2010 Gestaltungselemente Eine konsequente Verwendung dieser Gestaltungselemente wird empfohlen. Balken des Fortschritts weitere Elemente Weitere Gestaltungselemente, vor allem Wellen finden sich auch unter Treffsichere Überschrift Mit einer Anmerkung am Rande. http://wiki.piratenpartei.de/pirate_design/vorschlag/baukasten Einsatzgebiet: Kopfzeilen aller Drucksachen. Thematisch austauschbares Bild. Bogen der Hoffnung Einsatzgebiet: Fußzeile von Flyern, Plakaten. Sollte proportional skaliert werden. Welle der Begeisterung Einsatzgebiet: Mehrseitige Dokumente, Klappflyer. Darf auch verzerrt werden. 8 9
Schriften Schriften Schriften Styleguide - Fassung vom 10.10.2010 Schriften Die Schriftarten findest du im Ordner / fonts. Benutze die Schriftarten Myriad und Minion nur, wenn du über eine gültige Lizenz verfügst! Für Print Alle Schriften befinden sich im Unterordner /fonts. Für Web Schriften für den Web-Auftritt sind bisher noch nicht definiert, bisher werden diese Schriften verwendet: Myriad Pro Semibold Einsatzgebiet: Überschriften Minion Pro Einsatzgebiet: Fließtext Dejavu Sans! Einsatzgebiet: Slogans in der Fußzeile, z.b. Klarmachen zum Ändern! Lucida Grande, trebuchet ms, Lucida Sans Unicode,sans-serif Trebuchet MS Lucida Grande Unter Windows auch Lucida Sans Unicode genannt. Angaben zur Schriftgröße und Farbe entnimmst du bitte der Rubrik 10 11
Styleguide - Fassung vom 10.10.2010 Format (ohne Anschnitt) (1) Anschnitt (2) Rand Maße und Farbwahl bei Plakaten und Flyern Höhe 297mm 210mm 210mm 210mm 841mm Breite 210mm 297*1,41mm 98mm 297/3mm 594mm (3) Kopfzeilenrechteck (1) Anschnitt (4) Titel (5) Anmerkung oben, unten, links, rechts (2) Rand 3mm 5mm (9) Impressum / Bildquelle oben/unten 12mm/14mm 8mm/8mm 4mm/4mm 4mm/4mm 32mm rechts/links 12mm/12mm 8mm/8mm 4mm/4mm -- 32mm innen/außen -- 12mm/8mm -- 8mm/4mm -- (3) Bild / Kopfzeilenrechteck Höhe Alternativ: Farbe 50mm abz. Anschnitt 30mm abz. Anschnitt 20mm abz. Anschnitt 20mm abz. Anschnitt orange hellgrau hellgrau hellgrau orange abz. Anschnitt (4) Titel Schriftart Myriad Pro Semibold Schriftgröße 54pt 27pt 16pt 16pt 150pt Schriftfarbe dunkelgrau/ schwarz weiß weiß weiß dunkelgrau/ schwarz Hintergrund weiß orange orange orange weiß* Rechteckshöhe 28mm 14mm 8mm 8mm 80mm Rand oben 40mm 20mm 10mm 10mm 60mm 12 13
Styleguide - Fassung vom 10.10.2010 (5) Anmerkung (1) Anschnitt (2) Rand (3) Kopfzeilenrechteck (4) Titel (5) Anmerkung Maße und Farbwahl bei Flyern und Plakaten Schriftart Myriad Pro Semibold Schriftgröße 28pt 14pt 10pt 10pt 60pt Schriftfarbe weiß weiß weiß weiß weiß Hintergrund dunkelgrau dunkelgrau dunkelgrau dunkelgrau dunkelgrau Rechteckshöhe 14mm 7mm 18mm 18mm 30mm Rand oben 56mm 28mm 5mm 5mm 30mm (6) Überschrift (6) Überschrift (7) Fließtext (8) Mehr Infos (9) Impressum / Bildquelle Schriftart Myriad Pro Semibold Schriftgröße 13pt 11pt 11pt 11pt entfällt Schriftfarbe orange orange orange orange (7) Fließtext Schriftart Minion Pro Schriftgröße 12pt 10,5pt 10,5pt 10,5pt Schriftfarbe schwarz schwarz schwarz schwarz Anzahl der Spalten Einzug (falls nötig) Grundlinienraster 2,3 1,2 1 1/3 3mm 5mm WICHTIG: Sollte der Platz bei einem Flyer für den Text nicht ausreichen, dann unbedingt erst das Grundlinienraster des Textfeldes auf max. 4,5mm herabsetzen, bevor die Schriftgröße verändert wird. entfällt 14 15
Styleguide - Fassung vom 10.10.2010 (8) Mehr Infos (1) Anschnitt (2) Rand (3) Kopfzeilenrechteck (4) Titel (5) Anmerkung (6) Überschrift (7) Fließtext Maße und Farbwahl bei Flyern und Plakaten Schriftart Minion Pro Bold Schriftgröße 11pt 10pt 10pt 10pt entfällt Schriftfarbe dunkelgrau dunkelgrau dunkelgrau dunkelgrau (9) Impressum / Bildquelle Schriftart Myriad Pro Regular Schriftgröße 8pt 5pt 5pt 5pt 10pt Schriftfarbe dunkelgrau dunkelgrau dunkelgrau dunkelgrau dunkelgrau (8) Mehr Infos (9) Impressum / Bildquelle 16 17
Anwendungsbeispiele Anwendungsbeispiele Styleguide - Fassung vom 10.10.2010 Anwendungsbeispiele Anwendungsbeispiele DIN A lang DIN A5 DIN A4 gefaltet 18 19
Fotopool Fotopool Checkliste Styleguide - Fassung vom 10.10.2010 Checkliste Bilder aus dem Fotopool Was ist der Fotopool? Der Fotopool ist ein Bereich, in dem Fotos und Grafiken rund um die Piratenpartei selbst und um Themen, zu denen die Piratenpartei Stellung nimmt. Um in den Fotopool zu kommen, muss... - das Bild in ausreichend hoher Qualität vorliegen, - die Quelle und der Name des Photograph bekannt sein und - das Bild unter CC oder vergleichbarer Lizenz stehen. Druck - Besitzt das Dokument einen Anschnitt und liegen alle Hintergrundelemente innerhalb dieses Bereichs? - Sind alle Bilder in ausreichend hoher Qualität, z.b. 300dpi, vorhanden? - Entsprechen die Farben dem Farbschema des Styleguides? - Ist das Impressum richtig? - Wurde(n) Bildquelle(n) angegeben? - Wurde Korrektur gelesen? - Hat die AG Design + der Vorstand der Veröffentlichung zugestimmt? - Wurde das Dokument im Format PDF/X-3 2002 für den Druck exportiert? Diese Fotos können ihre Verwendung in der Kopfzeile oder im Inhaltsbereich finden. Diese Bilder werden demnächst in einer separaten Wikiseite und im Ordner /fotopool veröffentlicht. 20 21