Corporate Design manual - stand 4 / 2015 - SPD
←
→
Transkription von Seiteninhalten
Wenn Ihr Browser die Seite nicht korrekt rendert, bitte, lesen Sie den Inhalt der Seite unten
inhalt materialien unD KontaKte 1. Grundelemente Druckportal Logo-Architektur 3 Standardisierte Materialien können im Druckportal gestaltet und in Produktion gegeben werden. Typografie 7 spD.De > Mein Bereich > Druckportal E-Mail: druckportal@spd.de farbwelt 11 Download von Vorlagen bildwelt 15 Auf spD.De stehen unterschiedliche Vorlagen (z. B. Basis-Word-Textvorlagen, PPT-Präsentationen, infografiken und piktogramme 19 Gestaltungsmuster/Indesign etc.) zum Download bereit. Download: spd.de > Mein Bereich > Service > Corporate Design E-Mail: produktion@spd.de 2. grundlayout / anwendungsbeispiele Großflächen Bei Nachfragen betreffend Großflächen bitte wenden an: Titelseiten 24 E-Mail: inge.boettger@spd.de Innenseiten 25 Vertrieb der Schriften Das Schriftpaket SPD TheSans kann unter verschiedenen Adressen Plakate 26 bestellt werden. SPD-Landesverbände und -Gliederungen Großflächen 27 E-Mail: produktion@spd.de Externe Dienstleister Flugblätter 27 E-Mail: info@fontshop.de Geschäftsausstattung 28 Informationen und Fragen Hotline: +49 (0)30 25991-500 PPT-präsentationen 28 E-Mail: Parteivorstand@spd.de E-Mail-Signatur 29 Zeitlich begrenzte Kampagnen können Varianten in den Gestaltungsparametern mit sich bringen und werden gegebenenfalls Rückwände / Rollups 29 in einem gesonderten Manual behandelt. SPD Corporate Design Manual 2014
1. Logo-Architektur S, P, D – drei Buchstaben und eine Farbe, um ein klares Zeichen zu setzen. Nur wer immer wieder klar und wiedererkennbar auftritt, kann in der heutigen Kommunikationswelt bestehen und durch seine Inhalte wirken. Ein einheitliches Logo ist dabei die Grundvoraussetzung. SPD Corporate Design Manual 2014 Seite 3
grundelemente Logo-Architektur spd-logo Die SPD konzentriert logo- Das SPD-Logo steht sich in ihrer Logo-Ar- Positionierung selbstbewusst und fest chitektur auf das rote in der Mitte. Es wird Quadrat und die drei ausschließlich vertikal Buchstaben SPD als zentriert eingesetzt. alleinige Logobestand- teile. Download: spD.De > Service > Logos / Banner DIN-Formate Bezeichnung Format optimale Logo-Größe DIN A6 105 x 148 mm 15 x 15 mm DIN A5 148 x 210 mm 21 x 21 mm DIN A4 210 x 297 mm 30 x 30 mm Schutzzone Das SPD-Logo wird von DIN A3 297 x 420 mm 45 x 45 mm einer Schutzzone 3a 3A DIN A2 420 x 594 mm 60 x 60 mm umgeben, in der keine DIN A1 594 x 841 mm 85 x 85 mm 3A anderen Elemente plat- DIN A0 841 x 1189 mm 120 x 120 mm ziert werden dürfen. Flyer (lang) 105 x 210 mm 22 x 22 mm Flyer (quad.) 150 x 150 mm 22 x 22 mm inDiViDualisierung Die orts- und Kreis- Schrift der Verbands- lorem lorem ipsum aDipiscing A landesebene, verbände haben die auszeichnung Dolor sit Kreisebene, Möglichkeit, über dem SPD TheSans Extra Bold ortsvereine SPD-Schriftzug eine Versal 17,7 / 17,5 pt bei A 3A Individualisierung mit einer Logogröße von dem jeweiligen Namen 51 mm. 3A vorzunehmen. AuFBAu unD Der Name des Kreisver- Er muss den Abstand 3A schutzzone bands oder ortsvereins a zum Logorand und logo Das rot wird bei Die Graustufenvari- wird im oberen Teil gegebenenfalls zum 3A A In GrAuStuFen einfarbigem Druck anten finden nur bei des Logo-Quadrats SPD-Schriftzug A lorem ipsum durch 50 % bzw. 100 % Schwarz ersetzt. Schwarz-Weiß-Druck (z. B. Anzeigen, Kopier- linksbündig platziert. einhalten. Die Schutz- zone beträgt 3a. aDipiscing vorlagen u.ä.) Anwen- Dolor sit dung. LOGO-DOWnLOAD / inDiViDualisierung A Im Druckportal kann das Logo individuell bearbeitet und unter A 3A „Meine Produktionen“ als PDF-, EPS- oder 3A JPEG-Datei herunter- logo-größen Mindestgröße PrINT: NACH oBEN HIN KEINE rEGuLIEruNG laden werden. Die kleinste zu ver- GIVE-AWAyS spD.De > Mein Bereich wendende Logogröße > Druckportal beträgt für Give-aways 5 x 5 mm, für alle weiteren Print- logo Das rot wird bei Die Graustufenvari- lorem lorem produkte 10 x 10 mm. In GrAuStuFen einfarbigem Druck anten finden nur bei durch 50 % bzw. 100 % Schwarz-Weiß-Druck Schwarz ersetzt. (z. B. Anzeigen, Kopier- vorlagen u.ä.) Anwen- SPD Corporate Design Manual 2014 dung. Seite 5
tyPOGrAFIe Die Hausschrift der SPD ist die SPD theSans. Als zeitgemäße Schrift erfüllt sie alle Voraussetzungen einer universell einsetzbaren Hausschrift. Die SPD TheSans Versal und SPD TheSans sorgen mit ihren Hauptschnitten Extrabold und regular für eine hohe Aufmerksamkeit und Plakativität bei unseren zentralen Aussagen. SPD Corporate Design Manual 2014 Seite 7
grundelemente Typografie TyPoGrAFIE Typografie-Anwendung die schriftfamilie Überschrift schrift Es werden ausschließ- Als Headline und somit SPD THeSans Versal extra bold anwendungs- 1 headline lich die Schriftschnitte an oberer Stelle wird beispiele SPD TheSans Versal aus der Familie der der Schnitt SPD the- 1234567890 Extra Bold Schriftart Sans Versal extra Bold SPD theSans und verwendet. Die Subline SPD THeSans Versal Italic 2 suBline SPD theSans Versal darunter ist immer in SPD TheSans Versal verwendet. SPD theSans Versal 1234567890 Italic 1 HEADLINE regular italic gesetzt. Für die Bürokommuni- 3 rubrik SUBLINE Headline. 2 kation, besonders bei Bei gleichen Schrift- SPD TheSans offenen Dokumenten größen beträgt der Extra Bold wie Powerpoint u.ä., Zeilenabstand jeweils 3 Lorem ipsum dolor sit amet kommt die System- + 1 pt: z. B. Schriftgröße 4 erläuterung subline. 4 Lorem ipsum dolor schrift calibri zum 24 pt = Zeilenabstand SPD TheSans Einsatz. 25 pt / proportional Italic skalierbar. ! Die Schriftgröße variiert 8 spd.de je nach Textmenge und SPD TheSans Format. Grundsätzlich Versal Extra Bold steht die Lesbarkeit im Hinweis: Vordergrund. Die SPD-Webadresse wird immer in Versal und ohne „www.“ ein- copy gesetzt. Vertrieb der Schriften Grundsätzlich wird für SPD TheSans regular Auf Titeln und Plakaten 8 SPD.DE Für alle SPD-Landes- den Einsatz im Copy- in Extra Bold, in Fließ- verbände und -Glie- text und im Lesetext 1234567890 texten in regular. derungen steht das der Schriftschnitt spD Sie kann sowohl links- Schriftenpaket zentral theSans regular ver- als auch rechtsbündig 1 headline und kostenfrei zur Ver- wendet. stehen. SPD TheSans Versal fügung. Für Hervorhebungen SPD theSans extra Bold Extra Bold Es kann unter wird der Schnitt spD produktion@spd.de theSans extra Bold 1234567890 2 subline ! bestellt werden. Bei verwendet. SPD TheSans Versal der Bestellung ist die In den Versalschnit- Italic Angabe der eigenen ten ist ein großes „ß” SPD-E-Mail-Adresse integriert. Damit ist Hinweis: 5 Hervorhebungen und / oder die Angabe nicht nur die Möglich- In Ausnahmefällen kann copy 1 HEADLINE ipsum der eigenen Mitglieds- keit gegeben, Namen die reihenfolge von SPD TheSans dolor sit amet IMA nummer notwendig. Nur korrekt zu schreiben, es Headline (SPD TheSans Extra Bold 2 SUBLINE so kann eine kostenfreie bringt auch einen Zuge- Versal Extra Bold) und Zusendung erfolgen! winn an Eindeutigkeit Subline (SPD TheSans 6 copy 5 Lorem ipsum dolor sit amet, conse- vitae, justo. Nullam dictum felis (MAßE, MASSE). Versal Italic) wechseln, SPD TheSans ctetuer adipiscing elit. Aenean eu pede mollis pretium. Integer Externe Dienstleister wenn dies die Aussage regular commodo ligula eget dolor. enean tincidunt. „Cras dapibus. Vivamus 7 können die SPD-Haus- Die Ziffern der Schrift- 1234567890 unterstützt. massa. Cum sociis natoque enat. elementum semper nisi. Aenean 6 ibus et magnis dis parturient mon- vulputate eleifend tellus.“ Aenean schrift kostenpflichtig schnitte variieren. SPD TheSans 7 zitat tes, nascetur ridiculus mus. Donec leo ligula, porttitor eu, consequat unter folgender Adresse beziehen: 1234567890 SPD THeSans Versal SPD TheSans Italic quam felis, ultricies nec, pellen- tesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra FontShop AG, pede justo, fringilla vel, aliquet nec, nulla ut metus varius laoreet. Quis Bergmannstraße 102, Die in der Schrift SPD THeSans Versal enthaltenen proportionalen Ziffern 8 spd.de vulputate eget, arcu. In enim justo, que rutrum. Aenean imperdiet. 10961 Berlin, empfehlen sich für ein klassisches, anspruchsvolles Schriftbild bei Text. Diese SPD TheSans rhoncus ut, imperdiet a, venenatis Etiam ultricies nisi vel augue. Telefon: 030 695 96-333, Option wird besonders für Text in Großbuchstaben (Headlines) empfohlen. Versal Extra Bold E-Mail: info@fontshop.de Die im Schriftsatz SPD TheSans enthaltenen Tabellensatzziffern haben alle die gleiche Breite, so dass diese bündig (Tabelle / Infografik) ausgerichtet 8 SPD.DE werden können. SPD Corporate Design Manual 2014 Seite 9
Farbwelt rot ist und bleibt die Kennfarbe der Sozialdemokratie. Sie ist traditioneller Bestandteil des Markenkerns der SPD und Bekenntnis zu unseren Grundwerten und unserer Geschichte. Purpur und Weiß ergänzen die Hauptfarbe. Dunkelrot und Cyanblau werden für Akzentuierungen eingesetzt. Das Farbspektrum ist prägnant, frisch und modern. Es steht optisch für Aufbruch, Öffnung und Modernität der Partei. SPD Corporate Design Manual 2014 Seite 11
grundelemente farbwelt Farben cmYK SPD-rOt weiß purpur Farbgewichtung Primärfarben Weißanteil im Überblick Die Farben werden Das SPD-rot ist die Auch Weiß ist im SPD-rOt in gängigen Printpro- dominierende Farbe. Corporate Design eine dukten, wie z. B. beim bedeutende Farbe. Digital- oder Offset- Purpur wird reduziert Durch einen höheren druck, aus der angewendet. Weißanteil wird das Euroskala (CMyK), Erscheinungsbild heller, auch Vierfarbendruck freundlicher und mo- genannt, erzeugt. derner. SOnDerFArBe / cmYK cmYK cmYK SPD-rOt Vollton 0 - 100 - 100 - 0 0-0-0-0 28 - 100 - 0 - 25 Beispiel: Sonderfarben wie Hoher Weißanteil, Pantone und HKS rgB rgB rgB rot dominiert, werden im Offset-, 227 - 0 - 15 255 - 255 - 255 152 - 2 - 103 Purpur ergänzt. Frauen in auFsichtsräten Sieb- oder Flexodruck HtML / CSS HtML / CSS HtML / CSS börsennotierter Unternehmen verwendet. #E3000F #FFFFFF #980267 Im Offsetdruck werden purpur Sonderfarben auf pantone 185 C/u hochwertigen Papie- ren zur Erzeugung von hKs 9 % 17 % 30 % besonderer Farbqua- 14 2011 2014 ab 2016 lität eingesetzt, z. B. Quelle: Lorem ispum dolor sit amet Seite 2 . 22.5.2014 . Präsentationstitel Weiß im Zweifarbendruck (rot und Schwarz oder rot und Purpur) für Beispiel: Flugblätter, Broschüren, Hoher Weißanteil, Briefbögen etc. rot dominiert, headline lorem ipsum Purpur ergänzt. zweizeilig rGB / HtML / CSS DunKelrot cYanBlau Aufzählungspunkt erste Ebene tarifbindung 1998 – 2012 Beschäftigte in % ost West Für Bildschirmanwen- Siehe auch die Verwen- KurVe 3 KurVe 4 Aufzählungspunkt erste Ebene auch mehrzeilig lorem ipsum dolor sit amet dungen werden rGB- dung von Zusatzfarben Aufzählungspunkt zweite Ebene Farben verwendet. bei Diagrammen. auch mehrzeilig lorem ipsum dolor sit amet ipsum dolor sit amet 1998 2002 2004 2008 2012 Quelle: iAb-betriebspanel/wsi tarifarchiv Seite 2 . 22.5.2014 . Präsentationstitel ! cmYK cmYK Zusatzfarben DunKelrot Hinweis: 30 - 100 - 70 - 0 74 - 0 - 20 - 0 Das Dunkelrot kommt Die Zusatzfarbe Cyan- Alle Farben werden zu ergänzend zum Einsatz blau wird sparsam, zum 100 Prozent Tonwert rgB rgB und wird ausschließlich Beispiel bei Hervor- eingesetzt. 182 - 28 - 62 0 - 180 - 204 im Zusammenhang mit hebungen, Grafiken, HtML / CSS HtML / CSS dem SPD-rot einge- Diagrammen etc., Farbabstufungen #B61C3E #00B4CC setzt. Es darf das SPD- verwendet. finden ausschließlich rot nie dominieren. im Bereich Infografiken Verwendung, wenn es Verlauf für die Übersichtlichkeit Er besteht aus terischen Gründen auf SPD-rot 70% Dunkelrot notwendig ist. 70 % SPD-rot und einen Fond gesetzt 30 % Dunkelrot und wird. Er ist immer line- wird in Fällen einge- ar aufgebaut und kann setzt, in denen das sowohl horizontal als SPD-Logo aus gestal- auch vertikal verlaufen. SPD Corporate Design Manual 2014 Seite 13
BILDWeLt Die Bildwelt ist ein entscheidender Baustein der SPD-Kommunikation, weshalb ihr besondere Aufmerksamkeit gewidmet werden muss. Mit einer bewussten Bildauswahl wollen wir Nähe zu den Menschen, Offenheit und Dialogbereitschaft verdeutlichen. SPD Corporate Design Manual 2014 Seite 15
grundelemente bildwelt Anleitung Bei der Bildsuche für die Illustrierung der verschiedenen Themen sollen gute Beispiele – Nah zur Bildsuche folgende Aspekte beachtet werden: bei den Menschen Motivwahl Die Fotografien sollten als authentische Momentaufnahmen verstanden werden. Die Bilder sollten natürlich und mitten aus dem Leben gegriffen sein. Sie sollen die realität abbilden, die erlebbar erscheint und nicht werbewirk- sam überzeichnet. Der Mensch steht im Mittelpunkt des Motivs, in einer in einer dynamisch pointierten Situtation oder Handlung. Farbigkeit In den Bildern sollen natürliche Farben dominieren, keine überdrehte Farbig- keit oder künstliche Bildbearbeitung. Alle Bilder sollen eine möglichst helle und aufgeräumte Grundstimmung vermitteln und so luftig und leicht wirken. Besonderer Farbakzent kann das Spiel mit roten Elementen, Gegenständen oder Kleidungsstücken in den Motiven sein. Der Schwerpunkt liegt auf Moti- ven in natürlicher Beleuchtung. Bildkomposition Die auszuwählenden Fotos suchen die besondere Perspektive und einen klar fokussierten Bildausschnitt. Das ist etwa die Nähe zur abgebildeten Person oder die Darstellung in einer spannenden Perspektive oder einer ungewöhnlichen Position im raum. Diese darf aber nie inszeniert wirken, sondern soll immer einen selbstverständlichen und entspannten Motivein- druck vermitteln. Freisteller unfokussierte Bilder Bildüberlagerungen Bitte vermeiden schräge Perspektiven Beispielfotos: Bildwelten der SPD zu bunte Bilder weiche Kanten überinszenierte Bilder SPD Corporate Design Manual 2014 Seite 17
infografiken und Piktogramme ein Bild sagt mehr als viele Worte. Bei Infografiken kombiniert das Corporate Design bildsprachliche Vektorgrafiken mit großzügigem Einsatz von Zahlen und pointierten Erklärtexten. SPD Corporate Design Manual 2014 Seite 19
grundelemente infografiken und piktogramme Illustrationen und Frauen in den Aufsichtsräten Absicherung der Energiewende Piktogramme Die Piktogramme Bildhafte Grafiken ein erster großer Schritt Übersicht stehen weiß auf einem börsennotierter unternehmen Durch die Verwen- SPD-roten Quadrat. dung von plakativen alte anlagen bestehende Biomasse- 6,5 Gigawatt Infografiken werden austauschen anlagen erweitern bis 2020 Sie bauen sich auf Sachverhalte in ihrem Strichlinien bzw. outli- Gesamtzusammenhang nes auf und berühren erklärt. Die Grafiken nur im Ausnahmefall 9% 17 % sollten einfach, über- 2011 2014 die Außenseiten des sichtlich und einpräg- Quadrates. sam sein. Rente ab 63 – abschlagsfrei nach 45 Arbeitsjahren Die Strichstärke beträgt ca. 1/16 der Seitenlänge regulärer des Quadrates. renteneintritt nach mindestens rente ab rente mit schrittweise 45 Beitragsjahren Die Piktogramme sind 63 65 Anhebung bis 2029 so reduziert und plaka- tiv zu gestalten. Es werden keine Effekte 60 61 62 63 64 65 66 67 wie zum Beispiel Schat- tenwürfe, Lichteffekte oder 3-D angewandt. Im Ergebnis überwiegt Diagramme und 50,3 % tarifbindung 1998 – 2012 ost deutlich der rotanteil. Beschäftigte in % WeSt tabellen 16,1 % Diagramme beschrän- ken sich auf die nötigs- 25,5 % 76 25,7 % Bei themenerweite- ten Informationen und 12,9 % rungen ist die Anmu- 70 CDu SPD 63 werden plakativ ge- tung dieser Beispiele 68 staltet. Vergleichende 63 zu treffen. 45,3 % 55 Diagramme verwenden 53 60 52 nur rot. Hervorhebun- Balkendiagramm 48 gen erfolgen durch den Einsatz der Zusatzfar- 1998 2002 2004 2008 2012 ben. utatemqui utatemqui Quelle: iAb-betriebspanel/wsi tarifarchiv ut autat ape quat. ut autat ape quat. Datem qui quae pre Datem qui quae pre ressim que num. ressim que num. utatemqui utatemqui ut autat ape quat. ut autat ape quat. Datem qui quae pre Datem qui quae pre ressim que num. ressim que num. 78,5 78,5 ! 67,5 67,5 Download: In Sonderfällen können 50,3 50,2 50,3 50,2 Hinweis: 48,1 48,1 spd.de > Mein Bereich die Piktogramme auch Wenn es für die Über- 37,7 37,7 > Service > Corporate auf weißem Hinter- Weitere Kategorie Weitere Kategorie sichtlichkeit notwendig Design grund verwendet Andere Kategorie Andere Kategorie unterkategorie unterkategorie ist, besteht die Möglich- werden. Kategorie 1 Kategorie 2 Kategorie Kategorie Männer keit von Farbabstufun- Frauen gen durch Aufrasterung der Farben Purpur, Dun- kelrot und Cyanblau. Vergleichendes Balkendiagramm mit Balkendiagramm Hervorhebungen SPD Corporate Design Manual 2014 Seite 21
Grundlayout / Anwendungsbeispiele Bei Gestaltung geht es immer auch um Kreativität. Die Anwendungsbeispiele zeigen, in welchem rahmen sich Gestaltung und Kreativität bewegen sollen. SPD Corporate Design Manual 2014 Seite 23
Grundlayout / Anwendungsbeispiele Titelseiten – Innenseiten – Broschüren Broschüren und Flyer und Flyer Mindestlohn und Tarifpaket Der Mindestlohn Din-Formate, Beispielhafte Gestal- kommt z. B. Din A4 Headline Headline hier tung für A4-Broschüren, hier steht Blindtext Broschüre Headline quadratische Formate Beispielhafte hier steht Broschüre hier steht ein Blindtext und DIN-lang-Flyer. ein Blindtext hier Blindtext Titelseitengestaltung hier steht für hochformatige ein Blindtext Diese Gestaltungsbei- Broschüren – ohne und spiele lassen sich für „Mindestens 8,50 € für mich und für alle Anderen – endlich!” mit Covermotiven. alle Formate adaptieren. Sebastian Hübers Das Bild kann bei Broschüren und Flyern rechts in den Anschnitt ragen (siehe Beispiel Mitte) oder auch vollflä- At quiderundam arcias am et arum Bercima volor autate restecum- Die Farbproportionen der Streifen betragen in der regel 2/3 zu 1/3 Länge. eationsero bercima volor autate quod magnimus, core voleseq ua- restecumquod magnimus, core tecero ideribus, oditatusam etur? bildungs- voleseq uatecero ideribus, odita- tusam etur? Fernam, alita cupta Fernam, alita cupta commos qui con net aut volum es acculliquae investitionen commos qui con net aut volum es pedis apiet, que eos mi, voluptia dit chig verwendet werden acculliquae pedis apiet, que aut aut acesti omnisqui dolupta- sind investitionen eos mi, voluptia dit aut aut acesti quias dolori sit optatiusdae. Xerro bearcimi, quia idicimin omnisqui doluptaquias dolori sit rempore henimaio eveles sit, undio optatiusdae. Cullupti qui dolorrovi- in die zukunft. volut ipid que si sandi te nihitiae de solendes impossi namus dus. Cullupti qui dolorrovide solendes impossi namus dus.pta commos (siehe DIN-lang-Flyer). verae que con con pratur. Nem Xerro bearcimi, quia idici- exeror sinis abo. Ut que vendi re. qui con net aut volum es acculli- quae pedis apiet. min rempore henimaio eve- les sit, undio volut utest, omnis mi, omnihilvtiae verae que con con pratur. At quiderundam arcias am et arum eationsero bercima Nem exeror sinis abo. Ut volor autate restecumquod magnimus, core voleseq que vendi re. uatecero ideribus, oditatusam etur? Fernam, alita cupta commos qui con net aut volum es acculliquae pedis apiet, que eos mi, sit optatiusdae. Cullupti qui dolorrovide solen- des impossi namus dus. Develes sit, undio volut Quadratisches Politisches Grundsatz- Politisches Grundsatz- lor autate restecumquod magnimus, core voleseq uatece- programm“ geben. Nicht nur programm“ geben. Nicht nur utest, omnis mi, omnihil- die eine oder andere Satz- die eine oder andere Satz- ro ideribus, oditatusam etur? Fernam, alita cupta commos ungsänderung. ungsänderung. la consecum re, consent qui con net aut volum es acculliquae pedis apiet, que eos acerum renist et eos vel At quiderundam arcias am et arum At quiderundam arcias am et arum eationsero bercima mi, voluptia dit aut aut acesti omnisqui doluptaquias eationsero bercima volor autate ipid que si sandi te nihitiae Format volor autate restecumquod magnimus, core voleseq uate- dolori sit optatiusdae. Cullupti qui dolorrovide solendes restecumquod magcculliquae pedis verae que con con pratur. apiet, que eos mi, volptaquias cero ideribus, oditatusam etur? Fernam, alita cupta com- impossi namus dus. dolori sit optatiusdae. Cullupti Nem exeror sinis abo. Ut qui dolorrovide solendes impossi mos qui con net aut volum es acculliquae pedis apiet, que que vendi re. namus dus. eos mi, voluptia dit aut aut acesti omnisqui doluptaquias dolori sit optatiusdae. Cullupti qui dolorrovide solendes core voleseq uatecero ideribus, oditatusam etur? Farum eationsero bercima volor At impossi namus dus. Headline hier quiderundam arcias am et arum Headline Broschüre Fernam, alita cupta commos qui con net aut eationsero bercima volor autate Headline restecumquod magcculliquae pedis volum es acculliquae pedis apiet, que eos mi, vo- Beispielhafte apiet, que eos mi, volptaquias Consent acerum renist et eos hier steht Blindtext luptia dit aut aut acesti omnisqui doluptaquias dolori sit optatiusdae. Cullupti vel ipid omnihilla consecum re, hier ein Blindtext dolori sit optatiusdae. Cullupti qui dolorrovide qui dolorrovide solendes impossi solendes impossi namus dus. namus dus. bildungs- consent acerum renist et eos Broschüre investitionen vel ipid que si sandi que si sandi Titelseitengestaltung At quiderundam arcias am et arum eationsero bercima volor autate te nihitiae. Nem sinis abo. autate restecumquod magccul sind investitionen hier steht ein Blindtext restecumquod magcculliquae pedis hier steht apiet, que eos mi, volptaquias in die zukunft. Mos qui con net aut volum es acculliquae pedis apiet, für quadratische dolori sit optatiusdae. Cullupti que qui con net aut volum es acculliquae pedis apiet, que Hier steht ein kurzer Blindtext. hier Blindtext qui dolorrovide solendes impossi namus dus. quiderundam arcias am et arum eationsero bercima volor autate restecumquod magnimus, core voleseq uatecero Hier steht auch Blindtext. ein Blindtext ideribus, oditatusam etur? Fernam, alita cupta commos Broschüren und Flyer. voleseq uatecero ideribus voleseq uatecero ideribus Consent acerum renist et eos Consent acerum renist et eos qui con net aut volum es acculliquae pedis apiet, que eos Bercima volor autate restecum- vel acerum renist et eos vel ipid vel acerum renist et eos vel ipid dolori sit optatiusdae. Cullupti qui dolorrovide solendes. que si sandi que si sandi te quod magnimus, core. que si sandi que si sandi te nihitiae. Nem exeror sinis abo. nihitiae. Nem exeror sinis abo. bildungs- investitionen unsere kandidatinnen Lorem ipsum dolor sit amet, Lorem ipsum dolor sit amet, und kandidaten consetetur consetetur sind investitionen für den gemeinderat Lorem ipsum dolor sit amet, Lorem iPSum DoLor Sit amet, conSetetur in die zukunft. consetetur christiane Berumqui simenda volore coriam exerumq uistius abor- At quiderundam arcias am et arum eationsero bercima mustermann rum ide eatissi officta tincipiet dolliti officiis et, ulparum volor autate restecumquod magnimus, core voleseq uaas Hochberg, 44 Jahre, verh., es sinverestio que sitio. Et peribus qui reraectur aut dus dolori sit optatiusdae. volor autate restecumquod magni- zwei Kinder, Juristin Herzlich Willkommen coritint volorernam aci debis none nis eum vita nossequ mus, core voleseq uaas Cullupti qui dolorrovide solendes Xerro bearcimi, quia idi- in der SPD-parteizentrale! aectecea pro que numque deres molo maiostist eum abor- impossi namus dus. voleseq uatecero ideribus cimin si sandi te nihitiae verae que con con pratur. por moloreiunt ese corpos audae volupturit, aut eum facid Consent acerum renist et eos mi, quiat plignis conseque sequide litae. Vellenetur mil- zwiscHenüberschrift vel acerum renist et eos vel ipid Nem exeror sinis abo. Ut Xerro bearcimi, quia idicimin rempore henimaio eveles que si sandi que si sandi te que vendi re. labo reribere as poribusandae velesti stibea ipsam inum Din-LANG-Flyer sit, undio volut utest, omnis mi, omnihilla consecum re, nihitiae. Nem exeror sinis abo. volendit aut accust, a pera nonsed quiae esentia volor ario. Quiderundam arcias am et arum bercima autate re- hitiae verae que con con pratur. Nem exeror sinis abo. Ut que vendi re. Ita venis enem quaectint hillace ribeatur, sequo occulpa stecumquod magnimus, core uaas dolori sit optatiusdae. MAXI-MUSTER christiane volor autate restecumquod magnimus, core voleseq qui antiis a orio officid et accuptas dit ui comnimeniet dolorrovide solendes impossi namus dus. MUSTERNAME mustermann MIT IHNEN IM GESPRÄCH. Et odis sinvell audande rspient ionseque etum, ex explan- Hochberg, 44 Jahre, verh., tion prero dolectur? It, offic tem nos autem autem undis HIER STEHT EIN BLINDTEXT zwei Kinder, Juristin Herausgeber: SPD-Parteivorstand, Wilhelmstraße 141, 10963 Berlin / Druck: XXXXXX XXXXXX XXXXXX XXXXXX Oderundam arcias am et arum eationsero bercima MIT THEMENSCHWERPUNKT que quis expligenimus et, coreium vent aut et eliquis que FREITAG, 18. FEBRUAR, 17:30 UHR Xerro bearcimi, quia idi- volor autate restecumquod magnimus, core voleseq uaas et es volore volorae voluptate imporeptati ommo volupta Im Congress Centrum Heidenheim cimin si sandi te nihitiae Lorem ipsum dolor sit Xerro bearcimi, quia idicimin si voleseq uaas Cullupti qui dolorrovide solendes impossi Beispiele für hoch- sandi te nihitiae verae que con con Musterstrasse 11, 12345 Musterhausen tatenet estrum expla aliquia nos pa soluptatibus assus, verae que con con pratur. namus dus restecumquod. pratur. Nem exeror sinis abo. Ut res ium ra debitatis cus ent quas experferum ratus ad que amet, consetetur que vendi re. Dio volut utest, omnis mi, omnihilla consecum re, consent Nem exeror sinis abo. Ut enimporibus rehendi ataquistet id et faccum quae. Optas que vendi re. Lorem ipsum doLor sit zWiscHenüberscHrift spd.de acerum renist et eos vel ipid que si diorporum quae velicabo. Bissimus quaectur? rempore henimaio eveles sit, undio und querformatige Otaeruptat. Voloratet volupta Bearcimi, quia idicimin consent acerum renist et eos vel Quiderundam arcias am et arum bercima autate re- volut utest, omnis mi, sandi te MAXI-MUSTER christiane Headline nihitiae verae que con con pratur. pernatis sa ditaturiaes rerferf erorro Headline Flyer MUSTERNAME ipid que si sandi te nihitiae verae que con con pratur om. stecumquod magnimus, core uaas dolori sit optatiusdae. Nem exeror sinis abo. Ut que vendi mustermann Headline Flyer beria comnimp orrorpost ent que re. undio volut utest, omnis mi, MIT IHNEN IM GESPRÄCH. volor autate restecumquod magnimus, core voleseq qui omnihilla consecum re, consent Hochberg, 44 Jahre, verh., Gestaltungen im Flyer hier Blindtext dolorrovide solendes impossi namus dus. acerum renist et HIER STEHT EIN BLINDTEXT zwei Kinder, Juristin Herausgeber: SPD-Parteivorstand, Wilhelmstraße 141, 10963 Berlin / Druck: XXXXXX XXXXXX XXXXXX XXXXXX Otaeruptat. Voloratet volupta MIT THEMENSCHWERPUNKT hier Blindtext Eos vel ipid que si rempore heni- Xerro bearcimi, quia idi- pernatis sa ditaturiaes rerferf erorro maio eveles sit, undio volut utest, FREITAG, 18. FEBRUAR, 17:30 UHR Oderundam arcias am et arum eationsero bercima Im Congress Centrum Heidenheim cimin si sandi te nihitiae hier steht beria comnimp orrorpost ent que omnis mi, sandi te nihitiae verae Musterstrasse 11, 12345 Musterhausen volor autate restecumquod magnimus, core voleseq uaas que con con pratur. Nem exeror verae que con con pratur. DIN-lang-Flyer – hier steht ein Blindtext Otaeruptat. Voloratet volupta voleseq uaas Cullupti qui dolorrovide solendes impossi sinis abo. Ut que vendi re. Nem exeror sinis abo. Ut ein Blindtext namus dus restecumquod. que vendi re. hier Blindtext pernatis sa ditaturiaes rerferf erorro spd.de beria comnimp orrorpost ent que Sigmar Gabriel MAXI-MUSTER für Broschüren, Flyer Hier eine MUSTERNAME MIT IHNEN IM GESPRÄCH. HIER STEHT EIN BLINDTEXT Herausgeber: SPD-Parteivorstand, Wilhelmstraße 141, 10963 Berlin / Druck: XXXXXX XXXXXX XXXXXX XXXXXX Gute Headline MIT THEMENSCHWERPUNKT und Einladungen. hier steht 9 FREITAG, 18. FEBRUAR, 17:30 UHR Im Congress Centrum Heidenheim Musterstrasse 11, 12345 Musterhausen ein Blindtext spd.de 78 % „Mindestens 8,50 € für mich und für alle Anderen – endlich!” Sebastian H. Viele gute Erfahrungen Kein Arbeitsplatz-Abbau unterstützen die abschlagsfreie Rente nach 45 Versicherungsjahren. er indestlo n ist ein r ol smodell as ei t auc der lic ins usland ereits on it liedstaaten der urop isc en Union haben einen gesetzlichen Mindestlohn und beispielsweise auch die USA. In keinem dieser Länder wurde nach der Einfüh- Der Mindestlohn: regulärer rung der Abbau von Arbeitsplätzen festgestellt. In Deutsch- land gibt es seit einigen Jahren Mindestlöhne in insgesamt 14 Das ist gerecht Renteneintritt Branchen auc ier o ne ne ati e ol en r die esc ti un nach mindestens Rente ab Rente mit Headline Flyer Headline Flyer Jetzt müssen endlich auch die vielen Millionen Frauen und Männer einen gerechten Lohn bekommen, die bislang davon 8,50 € mindestens 45 Beitragsjahren 63 65 Schrittweise Anhebung hier steht ein Blindtext bis 2029 nic t pro tierten und illionen rauen und nner erden me r eld Download: hier steht ein Blindtext bekommen Arbeitsplätze bleiben sicher Hier steht ein kurzer Blindtext. Hier steht Blindtext, weitere Informationen im Blindtext. Hier ein Blindtext und weitere Informationen. Headline Flyer tar e e er sc a ten, ute ari ne 60 61 62 63 64 65 66 67 spd.de > Mein Bereich Branchen-Mindestlohn hier steht ein Blindtext Das ist ein Mindestlohn, auf den sich Gewerkschaften und Arbeitgeber für alle esc ti ten in einer ranc e erst ndi t a en dieser ilt auc in nterne men, die aus der Tarifbindung ausgestiegen waren. > Service > Corporate Design SPD Corporate Design Manual 2014 Seite 25
Grundlayout / Anwendungsbeispiele Plakate Großflächen Typoplakat Diese orientieren sich in Viel raum und gute der Gestaltung an den Hier oben steht eine Lesbarkeit – die Plakat- Hier steht Typo- oder Bildplakaten. gute headline. gestaltung richtet sich Hier steht Hier steht eine gute Beispiel 1: Hier oben steht eine Deshalb spd wählen. nach Inhalt und Text- eine Gute headline. Gestaltungsvariante Hier steht ein kurzer Blindtext. eine gute gute headline. Hier steht auch Blindtext. menge. für wenig Text. headline. Deshalb Deshalb spd wählen. Beispiel 1 und 2: Gestaltungsvarianten headline. SPD wählen. Beispiel 2: Gestaltungsvariante für wenig Text. Deshalb SPD Hier steht für viel Text. Beispiel 2 Beispiel 3: wählen. ein Blindtext. Hier steht Blindtext. Und hier steht ein Blindtext. Hier steht auch Blindtext. Hier steht Blindtext. Blindtext steht hier. Beispiel 3: Bei viel Text Farbfläche Großfläche mit mit Dunkelrot-rot- Bildmotiv. Hier steht eine gute headline. Deshalb spd wählen. Verlauf, um eine gute Beispiel 1 Hier steht ein kurzer Blindtext. Hier steht auch Blindtext. Sichtbarkeit des SPD- Logos zu gewährleisten. Beispiel 1 Beispiel 2 Beispiel 3 Beispiel 3 Bildplakat Flugblätter Text auf farbigen Beispielhafte Balken oder auf roter Gestaltungen für Grundfläche. Flugblätter. Hier steht eine Headline Beispiel 1: Hier unten steht ein Blindtext Hier headline. Hier oben Gestaltungsvariante headline. Hier oben steht hier Steht text. hier steht ein Blindtext eine Headline ! für wenig Text. hier Blindtext hier steht Hier steht eine Headline Hier steht Blindtext Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula Hier unten steht ein Blindtext Beispiel 2 und 3: eget dolor. enean massa. Cum sociis natoque enatibus et magnis dis parturient montes, ein Blindtext. nascetur ridiculus mus. hier steht ein Blindtext Gestaltungsvarianten Lorem ipsum dolor sit amet, consectetuer. Lorem ipsum dolor sit amet, consectetuer feugiat a, tellus. Phasellus viverra nulla ut Morem blindtext dolor sit ipsum amet. hier Blindtext adipiscing elit. Aenean commodo ligula metus varius laoreet. Quis que rutrum. Ae- Vorpsum dolor sit lorem amet, consectetuer blindtext hier. eget dolor. enean massa. Cum sociis na- nean imperdiet. Etiam ultricies nisi vel. Hier steht ein Hier steht eine Lorem ipsum blindtext dolor sit amet. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget toque enat ibus et magnis dis parturient für Plakate mit viel Blindtext. Hinweis: Gorem dolor sit amet, consectetuer ipsum blindtext. Ipsum dolor blindtext dolor sit amet. dolor. enean massa. Cum sociis natoque enatibus et magnis dis parturient montes, na- scetur ridiculus mus. montes, nascetur ridiculus mus. Donec quat vitae, eleifend ac, enim. Aliquam Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vul- Hier steht auch quam felis, ultricies nec, pellentesque eu, putate eget, arcu. In enim justo, rhoncus Text. Blindtext. gute headline. Aufzählungszeichen Donec quat vitae, eleifend ac, enim. Aliquam quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, Donec quat vitae, eleifend ac, enim. Aliquam quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, pretium quis, sem. Nulla consequat massa quis enim. Donec ut, imperdiet a, venenatis vitae, justo. Null- am dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus Deshalb spd wählen. aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, pede justo, fringilla vel, aliquet nec, vul- elementum semper nisi. Aenean vulputate Der Text muss gut in Printmedien = rote justo. Nullam dictum felis eu pede mollis pretium.Aliquam quam felis, ultricies nec, pel- justo. Nullam dictum felis eu pede mollis pretium.Aliquam quam felis, ultricies nec, pel- lentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, putate eget, arcu. In enim justo, rhoncus eleifend tellus. Aenean leo ligula, porttitor lentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, ut, imperdiet a, venenatis vitae, justo. Null- eu, consequat vitae, eleifend ac, enim. Ali- venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, am dictum felis eu pede mollis pretium. quam lorem ante, dapibus in, viverra quis lesbar sein, d.h. auf Hier steht ein kurzer Blindtext. Quadrate venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus Aliquam quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat elementum semper nisi. Aenean vulputate Integer tincidunt. Cras dapibus. Vivamus Hier steht auch Blindtext. massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede Aliquam quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In eleifend tellus. Aenean leo ligula, porttitor elementum semper nisi. Aenean vulputate eu, consequat vitae, eleifend ac, enim. Ali- eleifend tellus. Aenean leo ligula, porttitor beruhigten Bildhinter- (in Anlehnung an die mollis pretium. Aliquam quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Aliquam quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. quam lorem ante, dapibus in, viverra quis, Donec pede justo, fringilla vel, eu, consequat vitae, eleifend ac, enim. gründen oder auf roter Form des SPD-Logos). Donec pede justo, fringilla vel, aliquet nec, vulputate eget. aliquet nec, vulputate eget. Donec pede justo, fringilla vel, aliquet nec, vulputate eget. Fläche stehen. Beispiel 1 Beispiel 2 Beispiel 3 Rednerplakat Beispiele mit Ein- druckmöglichkeiten in Schwarz sowie in rot- Schwarz. ! yASMIn FAHIMI Hinweis: mit ihnen im gespräch mit ihnen im gespräch Download: Plakate können im hier steht ein blindtext hier steht ein blindtext spd.de > Mein Bereich Druckportal individuell mit themenschwerpunkt mit themenschwerpunkt > Service > Corporate bearbeitet und über freitag, 18. februar, 17:30 Uhr freitag, 18. februar, 17:30 Uhr Design Herausgeber: SPD-Parteivorstand, Wilhelmstraße 141, 10963 Berlin / Druck: XXXXXX XXXXXX XXXXXX XXXXXX Herausgeber: SPD-Parteivorstand, Wilhelmstraße 141, 10963 Berlin / Druck: XXXXXX XXXXXX XXXXXX XXXXXX im congress centrum heidenheim im congress centrum heidenheim das System direkt musterstraße 11, 12345 musterhausen musterstraße 11, 12345 musterhausen gedruckt werden oder stehen als Druckvorla- gen-PDF zur Verfügung. spD.De > Mein Bereich > Druckportal SPD Corporate Design Manual 2014 Seite 27
Grundlayout / Anwendungsbeispiele Geschäfts- E-Mail-Signatur ausstattung Briefbogen und Visitenkarten SozIALDEMoKRATISCHE PARTEI DEUTSCHLANDS DER PARTEIVoRSTAND Briefbogen Max Mustermann SPD-Parteivorstand, Wilhelmstraße 141, 10963 Berlin Abteilung xy referat xy Musterfirma GmbH (6 Zeilen Anschriftzone (AZ)) DIN A4, 1-seitig; Anrede, ggf. Berufs- oder Amtsbezeichnungen Ggf. Akademische Grade, Name Straße/Hausnummer oder Postfach Fon: 030 - 25991 - xxx Fax: 030 - 25991 - xxx ANNA-KATHARINA MUSTERMANN max.mustermann@spd.de PLZ und Bestimmungsort (LAND) Visitenkarte ABTEILUNG XYZ REFERENTIN FÜR XYZ 85 x 55 mm, 1-seitig ABTEILUNG Betreffzeile 04.08.2014 Sehr geehrte Frau Muster, SPD-Parteivorstand ! Willy-Brandt-Haus Download: Wilhelmstraße 141 E-Mail-Signatur und Mit freundlichen Grüßen 10963 Berlin Max Mustermann SPD-Parteivorstand Textvorlage. Fon: 030 25991-300 Hinweis: spd.de > Mein Bereich Anlagen- und Verteilvermerk Fax: 030 25991-507 Geschäftsausstattung Mobil: 0177 12345678 > Service > Corporate parteivorstand@spd.de kann im Druckportal www.spd.de Design individuell bearbeitet und über das Sys- tem direkt gedruckt SPD-Parteivorstand Fon 030 25991-500 SEB AG Berlin werden oder steht als facebook.com/SPD Willy-Brandt-Haus Fax 030 25991-410 BLZ 100 101 11 • Konto 1000 435 800 youtube.com/SPDvision Wilhelmstraße 141 parteivorstand@spd.de IBAN DE46100101111000435800 10963 Berlin www.spd.de BIC ESSEDE5F100 twitter.com/SPDde Druckvorlagen-PDF zur Verfügung. spD.De > Mein Bereich > Druckportal PowerPoint- Rückwände / Präsentation Rollups Titelvariante 1 Untertitel Titelvariante 3, 30.05.14 mit Bild 3 mit Bild ! 30.05.14 tt ter ter r r Hinweis: Druckoptimierte Vorla- gen für die reproduk- Spd.de Spd.de Spd.de tion auf Stoff sind auf Anfrage zu bekommen. E-Mail: Kästen Tortendiagramm mit Hervorhebungen produktion@spd.de Mit wichtigen Informationen Die Farbhierachien sind fest Beispielgrafik definiert. In Infokästen sind die In Infokästen sind die Aufzählungspunkte weiß Aufzählungspunkte weiß Wenn bestimmte Werte hervorgehoben Aufzählungspunkte hier steht ein Aufzählungspunkte hier steht werden sollen, wird die Zusatzfarbe 29% 29% eingesetzt. Blindtext hier steht ein Text ein Blindtext hier steht ein Text Blindtext Blindtext Aufzählungspunkte hier steht ein Blindtext hier steht ein Text In Infokästen sind die 9% Blindtext Aufzählungspunkte weiß 10% 23% Aufzählungspunkte hier steht ein Blindtext 1. Wert 2. Wert 3. Wert 4. Wert 5. Wert SPD Sozialdemokratische Partei Deutschlands 30.05.14 Präsentationstitel 13 SPD Sozialdemokratische Partei Deutschlands 30.05.14 Präsentationstitel 16 Download: spd.de > Mein Bereich > Service > Corporate Liniendiagramm mit Hervorhebungen Musterseite 2-Spaltig – Bild Design 14 Die Farbhierachien sind fest definiert. 12 10 8 6 Wenn bestimmte Werte hervorgehoben 4 werden sollen, wird die Zusatzfarbe 2 eingesetzt. 0 t ter r t ter r Kategorie 1 Kategorie 2 Kategorie 3 Kategorie 4 te re e 3 te re e 2 te re e 1 SPD Sozialdemokratische Partei Deutschlands 30.05.14 Präsentationstitel 15 SPD Sozialdemokratische Partei Deutschlands 30.05.14 Präsentationstitel 10 SPD Corporate Design Manual 2014 Seite 29
impressum Herausgeber: SPD-Parteivorstand, Willy-Brandt-Haus, Wilhelmstraße 141, 10963 Berlin spd.de Fotos: Shutterstock, iStock , Getty Images, Plainpicture, Photo- thek, weseetheworld / Fotolia, Benne Morris, Susanne Kronholm, Thomas Trutschel, urban Zintel, Marco urban, Susi Knoll, Öznur Cakirbey, Manuela Kuhn
Sie können auch lesen