Pirate Design/Aktuell

Aus Piratenwiki
Wechseln zu: Navigation, Suche

Das Pirate Design ist das Corporate Design der Piratenpartei. Die folgende Anleitung dient als Hilfestellung beim Design von Werbemitteln, da sie die aktuelle Verwendung des Logos und weiterer PD-Elemente dokumentiert.

Hier sind die aktuell verwendeten Logos, Farben und Schriften von Layouts der Piratenpartei zu finden.

Das Signet mit dem Segel wurde von der schwedischen Piratpartiet übernommen. Das Logo der deutschen Piratenpartei (Segel und Schrift) sollte wegen des Wiedererkennungswerts möglichst so verwandt werden, wie unten beschrieben. Liegen spezielle Gründe vor, kann vom Gestaltungsvorschlag natürlich abgewichen werden.

Signet der Piratenpartei Deutschland

PIRATENsignet.svg PiratenSignet-DE.svg

Dieses Signet gibt es als 
  • SVG: RGB, Screen
  • ODG: RGB, OpenDocument Grafik für OpenOffice/LibreOffice
  • PDF: PDF/X-1a, CMYK, Print
  • PNG: lässt sich in beliebiger Größe aus SVG erzeugen; benutze dafür [[Datei:PIRATENsignet.svg|64px]] wobei 64px die Breite beschreibt

Bildmarke

Das Signet ist eine eingetragene Bildmarke um Schaden von der Partei fern zu halten. Die (private) Verwendung im Sinne der Ziele der Piratenpartei im „üblichen“ Rahmen ist zulässig und erwünscht, vgl. Protokoll der Bundesvorstandssitzung vom 17.12.2009 bzgl. des Logos. Bei Verwendung gilt die Lizenz CC BY-SA 3.0.

 
So kannst Du es im Wiki benutzen 
  [[Bild:PIRATENsignet.svg|45px|link=]]  
In Office & Co. 
Es gibt das Signet zur einfacheren Verwendung im Text auch als Schriftart in einem PiratenSymbolFont.

Logo der Partei (Signet mit Schriftzug)

Ursprungsversion, hauptsächlich für Internet

Diese erste Version des Logos ist schwierig einzusetzen, da es sich mit 3 Farben, die an den Hintergrund grenzen (Schwarz, Weiss, Orange) nur auf wenigen Hintergründen gut abhebt. Und diese Hintergründe sind dann auf Flyern etc. meist schwer umzusetzen. Daher bitte nur im Online- und Screen-Design einsetzen und im Print-Bereich das nachstehende Logo verwenden.

Hinweis: Auf weissem Hintergrund hebt sich der weisse Kasten naturgemäß nicht ab, wird jedoch gleichwohl häufig verwendet. Der Hintergrund darf sich mit dem Orange des Logos nicht "beissen", sollte also möglichst nicht (zu) farbig sein. Das Weiss des Logos sollte sich abheben, aber nicht zu stark, Hintergrund sollte also nicht zu dunkel sein.

SVG
Vektorgrafik
beliebig vergrößerbar
SVG
Vektorgrafik
beliebig vergrößerbar
SVG
Vektorgrafik
beliebig vergrößerbar
PNG
Rastergrafik
≈ 23cm x 8cm @ 300 ppi
≈ 11cm x 4cm @ 600 ppi
GIF
Animierte Rastergrafik
 
 [[Datei:Logo_3d.svg|100px|link=]]  

 [[Datei:Logo_normal_.svg|100px|link=]] 

 [[Datei:Logo_sw_.svg|100px|link=]] 

 [[Datei:PP_Logo_3d_solo.png|100px|link=]] 

 


  • Datei:PP logo div.zip - 3D-Mehrfarblogo als Zip-Archiv von 300/600 ppi (PNG und GIF) sowie CDR (CorelDraw)

3D-Logo also Logo mit Schimmer ist, wenn überhaupt, nur auf Bildschirmen sinnvoll, da diese nicht schimmern. Physische Objekte wie Flaggen oder Flyer geben von Natur aus unsymmetrische Lichtreflexe ab - da ist gefaktes Schimmern doppelt gemoppelt und wahrscheinlich unästhetisch. YMMV. --lynX

Für den Print-Bereich

Logo neu.png SVG Vektorgrafik

Logo print w bg farbig 1200dpi.png PNG Rastergrafik (≈ 4,5cm x 1,8cm @ 1200 ppi / ≈ 9,1 cm x 3,3cm @ 600 ppi)

Logo print wo bg farbig 1200dpi.png PNG Rastergrafik (≈ 4,5cm x 1,8cm @ 1200 ppi / ≈ 9,1 cm x 3,3cm @ 600 ppi)

Logo print wo bg sw 1200dpi.png PNG Rastergrafik (≈ 4,5cm x 1,8cm @ 1200 ppi / ≈ 9,1 cm x 3,3cm @ 600 ppi)

Logo print wo bg sw invertiert 1200dpi.pngPNG Rastergrafik, nur weiß (≈ 4,5cm x 1,8cm @ 1200 ppi / ≈ 9,1 cm x 3,3cm @ 600 ppi)

Diese Variante des Logos lässt sich wesentlich besser handhaben, vor allem im Print-Bereich (siehe z.B. Flyer). Das mittlere Logo bitte immer verwenden, wenn das Logo auf Weiss stehen soll.

Positionierung des Logos

Geschäftspapiere Flyer, Plakate etc. Internetseite Banner, Sonstiges
rechts oben rechts unten links oben Je nach Format, am besten rechts unten


Gestaltungsrichtlinien zum Einsatz des Logos

Es sollte genug Raum um das Logo sein, so dass es für sich steht und nicht von anderen Bildelementen "berührt" wird. Es sollte deutlich hervortreten, also darf der Hintergrund hinter dem Logo nicht zu unruhig sein, und er darf nicht farblich oder helligkeitsmäßig dem Logo ähneln. Außerdem sollte der Hintergrund, auf dem das Logo steht, farblich möglichst neutral sein, sofern er nicht orange ist.

Icons

PIRATENsignet Icon.png

PIRATENsignet mit Schattenwurf 
ICO Windows Icon
ICNS Mac OS X Icon (ZIP-komprimiert)
PNG-Set z.B. für Linux

Favicons

<dpl>

titlematch =Favico%.png
namespace =Datei
replaceintitle =%.png%,
ordermethod =titlewithoutnamespace
order = ascending
noresultsheader = 
noresultsfooter =
resultsheader =%PAGES% Favicons:
mode =none
format =,
Datei:%TITLE%.png%TITLE%
ICO/PNG
,,
resultsfooter =\n
columns =1
rowcolformat =style=white-space:nowrap

</dpl>


Farben

Die Farbflächen visualisieren nur die Farben an sich, nicht das quantitive Verhältnis zueinander, oder die Kombination, in der sie angewendet werden sollten. Dieses bitte bei bereits existierenden Werbemitteln abschauen! Typisch für das Farbbild im Print-Bereich wären z.B. die Anzeigen, oder Flyer. Wir sind bemüht, die Webseite anzugleichen. Wenn ein guter Grund vorliegt, kann natürlich eine andere Farbwelt gewählt werden. Die Farbwelt kann natürlich auch variieren oder sich im Lauf der Zeit ändern. Ein einheitliches Erscheinungsbild hat aber viele Vorteile, also bitte möglichst an den bestehenden Werbemitteln orientieren! Für Orange sind die RGB-, Pantone- und CMYK--Werte keine perfekte Übersetzung (die es für Pantone ohnehin nicht gibt), bilden aber näherungsweise die Farbe. Für alle Drucksachen verwende ausschliesslich Dateien, die CMYK unterstützen (TIFF), und die CMYK-Werte der Tabelle.

Farbe Web RGB CMYK RAL (Lackierung) Pantone Verwendung
Orange #FF8800 255r 136g 0b 0c 50m 100y 0k (0 47 100 0)

RAL-2000 (221r 113g 0b, #DD7100)
RAL-2011 (232r 113g 18b, #E97213)
RAL-2003 (247r 119g 38b, #F77726)
RAL-1033 (246r 156g 0.00b, #F69C00)

151,152 oder 144
Schwarz #000000 0r 0g 0b 0c 0m 0y 100k

RAL-9005 (18r 19g 20b, #121314)
RAL-9017 (29r 28g 29b, #1D1C1D)
RAL-8022 (32r 26g 24b, #201A18)
RAL-9011 (33r 35g 38b, #212326)

Process Black
Helles Grau #e3e8e8 227r 232g 232b 14c 7m 8y 0k

RAL-9003 (237r 237g 231b, #EDEDE7)
RAL-9016 (237r 238g 232b, #EDEEE8)
RAL-9010 (241r 238g 226b, #F0EEE2)
RAL-9002 (215r 214g 202b, #D7D6CA)

Vorlage:Hellgrau
Dunkelgrau #272828 39r 40g 40b 74c 67m 63y 69k

RAL-9004 (38r 38g 39b, #262627)
RAL-9011 (33r 35g 38b, #212326)
RAL-7021 (47r 51g 53b, #2F3335)
RAL-9017 (29r 28g 29b, #1D1C1D)

Im Print-Bereich haben wir außerdem in letzter Zeit folgende Farben eingesetzt (siehe z.B. Anzeigen):

Farbe Web RGB CMYK RAL (Lackierung) Pantone Verwendung
Blau* #4F9ED3 79r 158g 211b 70c 15m 0y 0k

RAL-5012 (17r 128g 39b, #1180B4)
RAL-5024 (96r 144g 38b, #6090AA)
RAL-5015 (0r 115g 53b, #0073AF)

Gelb* #FFD016 255r 208g 22b 0c 25m 100y 0k

RAL-1018 (250r 210g 51b, #FAD233)
RAL-1023 (248r 192g 0b, #F8C000)
RAL-1021 (243r 188g 0b, #F3BC00)
RAL-1003 (245r 172g 0b, #F5AC00)

Rot* #E30E0D 227r 14g 13b 0c 100m 100y 0k

RAL-3020 (190r 17g 16b, #BE1110)
RAL-2002 (194r 51g 28b, #C2331C)

linear abgestufte Optimalfarbtabelle (für Hintergründe etc.)
Sättigung 100% 75% 50% 25%
Orange #FF8800 #FFA640 #FFC880 #FFE1BF

Schriften

Fließtext Titel Überschriften
Verdana, Vera Sans Verdana Bold, Vera Sans Bold Politics Head Datei:PoliticsHeadv1 9.zip

Verdana und Impact müssten auf jedem System vorhanden sein. Diese Schriften bitte möglichst immer einsetzen, damit der Wiedererkennungswert gegeben ist. Für besondere Gelegenheiten wie Überschriften bei Kampagnen etc. können natürlich andere Schriften sinnvoll sein.

Weitere Schriften, die schon öfter von den Piraten verwendet wurden:

für sehr lange Texte (z.B. Piratenmagazin)

"Piratenfonts"

Schreibschrift

  • Augie — z.B. beim Landesverband Hamburg für das "Hamburg" verwendet

Sonstige

Siehe auch