wdr Minion Caps Italic

Farbklima 

Westdeutscher Rundfunk Corporate Design Manual < > 

Unternehmenslogo 

Produktlogos 

Corporate Design 

Typografie 

Bilder 

Formate & Fläche


Unternehmenslogo Produktlogos Typografie Farbklima Formate & Fläche Bilder 

Ein Hut macht noch keine Persönlichkeit. 

Ein komplettes und komplexes Erscheinungsbild 

braucht mehr als nur ein Logo. 

Die Auswahl und Anwendung von Schriften, 

Farben, Formaten und Bildern ist nicht dem 

Zufall, dem Zeitgeschmack oder individuellen 

Launen überlassen, sondern muss als 

Teil einer wohl überlegten Gesamtstrategie 

erkennbar sein. 

Das wdr Design Manual ist kein Gestaltungshandbuch, das starr und 

schematisch die Platzierung von Schrift, Bild und Markenzeichen festlegt, 

sondern ein Hilfsmittel, das anhand konkreter Beispiele darstellt, wie durch 

überlegten Umgang mit den Gestaltungselementen des wdr Designs ein 

lebendiges, unverwechselbares und selbstbewusstes Unternehmensbild 

kommuniziert wird. 

Es ist ein fortschreibbares Kompendium, das die Entwicklung des Unternehmens 

und seines Umfelds zeitgemäß begleitet. 

Das ursprünglich von MetaDesign Berlin geschaffene Design-Konzept ist 

offen für Entwicklungen, lässt Raum für produkt- und zielgruppenspezifische 

Lösungen und sichert gleichzeitig einen eindeutigen, wieder erkennbaren 

Auftritt des gesamten Unternehmens wdr. 

Immer auf dem aktuellen Stand sind die Logos und Informationen zum 

wdr Corporate Design im Internet 

www.wdrdesign.de 

Fragen zum wdr Corporate Design richten Sie bitte an 

volker.rapsch@wdr.de 

Ein Passwort für den Zugang zum wdr Design-Server bekommen Sie 

hier 

wdr Öffentlichkeitsarbeit · 50600 Köln · Fax (02 21) 220 62 65

y 



Das wdr-Logo 

ist zusammengesetzt aus der Wortmarke wdr 

und der exakt definierten Winkelfläche, die als 

tektonisches Element den Bezug zwischen 

Wortmarke und umgebender Fläche herstellt. 

Diese Kombination ergibt das unverwechselbare 

Logo des Unternehmens wdr. 

Die Wortmarke wdr 

besteht aus drei, von der Hausschrift Meta 

abgeleiteten, eigens gezeichneten Großbuchstaben. 

Die Wortmarke allein wird nur in besonderen Fällen 

(zum Beispiel als Senderkennung im wdr Fernsehen) 

eingesetzt. 

Zur Anwendung des wdr-Logos beachten Sie bitte das Manual wdrLogo.pdf > www.wdrdesign.de

y 



Für die Auftritte der verschiedenen 

wdr-Produkte wurden auf der Basis des 

Corporate Designs spezielle 

Produktlogos 

gescha≈en, die für eigenständige Inhalte 

stehen und trotzdem ihre Zugehörigkeit 

zur wdr-Familie eindeutig erkennen lassen. 

Zur Anwendung der Produktlogos beachten Sie bitte die entsprechenden Manuals > www.wdrdesign.de

y 



Hausschrift des wdr ist die Meta. 

Diese eigenständige, aber nicht modische Schrift ist 

sowohl gedruckt (besonders in kleinen Graden) als auch 

auf dem Fernsehschirm hervorragend lesbar. 

Normalerweise werden im wdr-Design nur diese 

Schnitte der Meta eingesetzt: 

Meta Book 

Meta 

Meta Book Italic 

Meta Book Caps 

Meta Book Caps Italic 

Minion 

Meta Bold 

Meta Bold Italic 

Meta Bold Caps 

Meta Bold Caps Italic 

Für spezielle Aufgaben gibt es weitere Schriftschnitte: 

Meta Normal 

Meta Medium 

Meta Black 

Meta Correspondence 

Die wdr Minion (eine speziell für den wdr entwickelte 

Variante der Minion) ergänzt die serifenlose Meta zu einem 

umfassenden typografischen Stil. 

Unseren Lesegewohnheiten entsprechend wird diese 

Antiqua-Schrift insbesondere für längere Texte (zum 

Beispiel in Büchern oder Zeitschriften) eingesetzt. 

In Headlines bildet die kalligrafisch anmutende Italic 

einen lebhaften Kontrast zur Meta. 

Im Fließtext eignet sie sich für Hervorhebungen und zur 

Text-Auflockerung. 

Die wdr Minion steht in mehreren Schnitten zur Verfügung: 

WDR Minion Regular 

WDR Minion Italic 

WDR Minion Bold 

WDR Minion Bold Italic 

wdr Minion Caps 

wdr Minion Caps Italic 

Zur Typografie im wdr-Design beachten Sie bitte das Manual wdrTypo.pdf > www.wdrdesign.de

y 



Hausfarbe des wdr 

Pantone 293 

CMYK 100 Cyan, 60 Magenta 

Websafe # 003399 

RAL 5005 

Akzentfarbe 

Pantone 108 

CMYK 10 Magenta, 100 Yellow 

Websafe # FFCC00 

RAL 1023 

Ein geringer Anteil Weiß 

sorgt für Klarheit und Frische. 

Weitere zehn Grundfarben 

ergänzen die Hausfarben zum 

wdr-Farbklima. 

Alle Farben können sowohl im Vollton 

als auch in prozentualen Abstufungen 

angewendet werden. 

Pantone 293 80 60 40 20 296 80 60 40 20 

Pantone 108 

Zur Anwendung des wdr-Farbklimas beachten Sie bitte das Manual wdrFarben.pdf > www.wdrdesign.de 

284 

368 

356 

175 

202 

1795 

Red 032 

143 

134

y 



wdr-Drucksachen werden im Normalfall in den gängigen 

DIN-Formaten angelegt. 

Zur Flächenaufteilung gilt folgendes Rasterprinzip: 

Längs- und Querseite des Bogens werden durch den 

gleichen Faktor (z.B. 20) geteilt. 

So ergibt sich ein Gestaltungsraster, an dem die Elemente 

auf der Seite ausgerichtet werden. 

Die Rasteraufteilung von Querformaten entspricht immer 

der des nächstgrößeren DIN-Formates. 

Beispiel: DIN A5 quer = Rasteraufteilung DIN A4 

Das Logo kann auf der Fläche verschiedene Positionen 

einnehmen. Es bewegt sich aber mit seinem Zentrum 

(der Wortmarke) immer im linken oberen Bereich, der durch 

die horizontalen und vertikalen Mittelachsen definiert wird. 

a0 

a0 

a0 

a0 

a0 

a0 

a0 

a0 

Zu Formaten und Flächenaufteilung im wdr-Design beachten Sie bitte das Manual wdrFormate.pdf > www.wdrdesign.de 

Lang-DIN 

DIN A 5 quer 

DIN A 4

y 



Jedes Bild ist Abbildung und nicht Realität. 

Die zur Wiedergabe in jedem Fall erforderliche 

Manipulation von Bildern wird nicht verheimlicht, 

sondern sichtbar gemacht, sei es durch deutliche 

Farbverschiebungen, Gradationsbearbeitung, 

Filtereinsatz oder die Wahl des Bildausschnittes. 

Abbildungen haben eine klare Begrenzung. 

So wird deutlich, dass zur Illustration und 

Erklärung eines Sachverhaltes immer nur ein 

Ausschnitt des Ganzen benutzt wird. 

Außer im herkömmlichen Vierfarbdruck 

können Bilder auch in einzelnen Sonderfarben 

oder im Zusammendruck mehrerer Sonderfarben 

so bearbeitet werden, dass ein farbiger Eindruck 

entsteht. 

Westdeutscher Rundfunk Köln 

Redaktion: Petra Ohnmacht 

wdr Corporate Design: Volker Rapsch 

Manualdesign: IdeenMacht Jochen Riedel 

August 2002 

CMYK 

■ ■ ■ ■ 

Pantone 202 + 50% 284 

■ ■ 

Pantone 1795 + Schwarz 

■ ■ 

Pantone 296 

■ 

Zur Bildsprache im wdr-Design beachten Sie bitte das Manual wdrBild.pdf > www.wdrdesign.de 

Pantone 1795 + 293 

■ ■ 

Pantone 356 

■

Westdeutscher Rundfunk Corporate Design Manual Unternehmenslogo < > 

Logo wdr Farbe Logo & Fläche Claim 

Das wdr-Logo 

ist zusammengesetzt aus der Wortmarke wdr 

und der exakt definierten Winkelfläche, die als 

tektonisches Element den Bezug zwischen 

Wortmarke und umgebender Fläche herstellt. 

Diese Kombination ergibt das unverwechselbare 

Logo des Unternehmens wdr. 


besteht aus drei, von der Hausschrift Meta 

abgeleiteten, eigens gezeichneten Großbuchstaben. 

Die Wortmarke allein wird nur in besonderen Fällen 

(zum Beispiel als Senderkennung im wdr Fernsehen) 

eingesetzt. 

wdr & ard 

Bevor Sie Logos verwenden, sollten Sie sich mit den Regeln des wdr Corporate Designs vertraut machen. Immer auf dem aktuellen Stand sind die Logos und 

Informationen zum wdr Corporate Design im Internet www.wdrdesign.de 

Fragen zum wdr Corporate Design richten Sie bitte an volker.rapsch@wdr.de Ein Passwort für den Zugang zum wdr Design-Server bekommen Sie hier 


y 


Logo wdr Farbe Logo & Fläche Claim wdr & ard 

Das Logo wdr 

wird möglichst immer farbig eingesetzt. 

Das tektonische Element 

hat die Hausfarbe 

Pantone 293 



RAL 5005 


steht immer in Weiß. 

Bei einfarbigem Druck 

in Graustufen erscheint das tektonische Element 

50 Prozent Schwarz. 

Nur bei extrem kleiner Abbildung 

und in Sonderfällen (Kontrast) kann die Fläche 

100 Prozent Schwarz sein. 

Bitte beachten Sie die Gestaltungsrichtlinien des wdr Corporate Design > www.wdrdesign.de

y 



Das Logo kann auf der Fläche verschiedene Positionen einnehmen. 

Es bewegt sich aber mit seinem Zentrum (der Wortmarke) immer 

im linken oberen Bereich, der durch die horizontalen und vertikalen 

Mittelachsen definiert wird. 

a0 

a0 

a0 

a0 

a0 

a0 

a0 

a0 

Um die Bedeutung der Marke nicht einzuschränken, erscheinen auf 

den rot gekennzeichneten Flächen keine typografischen Elemente. 

Bilder oder bildhaft verfremdete Typo-Elemente können dem Logo 

auch in diesen »Sperrbereichen« unterlegt werden. 

Bitte beachten Sie die Gestaltungsrichtlinien des wdr Corporate Design > www.wdrdesign.de 

a0e

y 



Der Claim Mehr hören. Mehr sehen. 

ergänzt das Logo und kommuniziert Vielfalt und 

Qualität des Programmangebotes des wdr. 

Der Claim wird in der Meta Bold gesetzt und 

erscheint entweder positiv auf hellem Untergrund 

oder negativ weiß in einer blauen Fläche. 

Stehen Logo und Claim in direkt räumlichem 

Zusammenhang, bezieht sich der Claim in seiner 

Stellung auf die Winkelfläche des Logos. 

Tritt der Claim räumlich getrennt vom Logo auf, 

wird ihm WDR. vorangestellt. 

Der Claimbalken kann auf der Fläche verschiedene 

Positionen einnehmen, bewegt sich aber immer im 

unteren rechten Bereich. 

a0 Mehr hören. Mehr sehen. 

a0 


WDR. Mehr hören. Mehr sehen. 


WDR. Mehr hören. Mehr sehen.

y 



Die Logos der ard und das wdr-Logo 

können neben- oder übereinander angeordnet 

werden, müssen jedoch immer genügend Raum 

haben und in dem hier definierten Verhältnis 

zueinander stehen. 





August 2002 


Die Logos der ard 

dürfen nur in den hier 

dargestellten Formen 

eingesetzt werden. 

Mindestgröße 7mm. 

Pantone 288 

100 C, 70 M, 30 K

Westdeutscher Rundfunk Corporate Design Manual Farbklima < > 

Pantone 293 

ist die Hausfarbe des wdr. 

Für den Wiedererkennungswert 

des wdr-Auftritts haben Farben 

eine ebenso große Bedeutung 

wie Logos und Schriften. Die 

Hausfarbe muss stets deutlich 

präsent sein. 

Pantone 108 

als Akzentfarbe unterstützt die 

positive Grundstimmung des 

visuellen Auftritts. 

Ein geringer Anteil Weiß 

sorgt für Klarheit und Frische. 

Alle Farben können sowohl im Vollton 

als auch in prozentualen 

Abstufungen angewendet werden. 

Hausfarbe & Akzentfarbe Farbklima 

Pantone 293 80 60 40 20 

CMYK 100 C, 60 M 


RAL 5005 

Pantone 108 

CMYK 10 M, 100 Y 

Websafe # FFCC00 

RAL 1023 

Bevor Sie Gestaltungsaufgaben im Rahmen des wdr Corporate Design angehen, sollten Sie sich mit den entsprechenden Regeln vertraut machen. 

Immer auf dem aktuellen Stand sind die Informationen zum wdr Corporate Design im Internet www.wdrdesign.de 


wdr Öffentlichkeitsarbeit · 50600 Köln · Fax (02 21) 220 62 65 

Unternehmen wdr 

Radio 

Fernsehen 

und was 

dahinter 

steckt 

Programme 

Radio 

Fernsehen 

ARD 

Produktion 

Technilk 

Mitarbeiter 

Geschichte

Westdeutscher Rundfunk Corporate Design Manual Farbklima < > 

Weitere zehn Grundfarben 

ergänzen die Hausfarben zum 

wdr-Farbklima. 

Die Farben können sowohl im 

Vollton als auch in Abstufungen 

angewendet werden. So steht 

eine breite Farbpalette zur Verfügung, 

die für alle Gestaltungsaufgaben 

genügend Spielraum 

lässt. 

Hausfarbe & Akzentfarbe Farbklima 

296 100 C, 47 M, 69 K 

# 00 00 33 

284 63 C, 18 M 

# 66 99 FF 

368 65 C, 100 Y 

# 99 CC 33 

356 100 C, 91 Y, 27 K 

# 00 99 33 

175 69 C, 85 M, 100 Y, 22 K 

# 66 33 00 

202 14 C, 100 M, 68 Y, 54 K 

# 66 00 33 

1795 9 C, 97 M, 77 Y 

# CC 00 33 

Red 100 M, 88 Y 

032 # FF 00 00 

143 37 M, 82 Y 

# FF 99 00 

134 12 M, 50 Y 

# FF CC 99 






August 2002

Westdeutscher Rundfunk Corporate Design Manual Typografie < > 

Meta wdr Minion Der typografische Stil Einige Satz- und Typo-Regeln 

Hausschrift des wdr ist die Meta. 

Diese eigenständige, aber nicht modische Schrift ist 

sowohl gedruckt (besonders in kleinen Graden) als auch 

auf dem Fernsehschirm hervorragend lesbar. 

Normalerweise werden im wdr-Design nur diese 

Schnitte der Meta eingesetzt: 

Meta BookMeta Book Italic 



Meta Bold Meta Bold Italic 



ß(/)Å&@>Æ 

Für spezielle Aufgaben gibt es weitere Schriftschnitte: 

Meta Normal Meta Medium Meta Black 

Ausschließlich in der Bürokommunikation 

angewendet werden: 

Meta Correspondence Roman 

Meta Correspondence Italic 

Meta Correspondence Bold 

Meta Book 

abcdefghijklmnopqrstuvw 

ABCDEFGHIJKLMNOPQRSTUVW 

1234567890 Mediävalziffern 

fi fl ≈ ÷ ◊ Ligaturen 




1234567890 Versalziffern 





y 



Die wdr Minion 

(eine speziell für den wdr entwickelte Variante der Minion) 

ergänzt die serifenlose Meta zu einem umfassenden typografischen 

Stil. 

Unseren Lesegewohnheiten entsprechend wird diese 

Antiqua-Schrift insbesondere für längere Texte (zum 

Beispiel in Büchern oder Zeitschriften) eingesetzt. 

In Headlines bildet die kalligrafisch anmutende Italic 

einen lebhaften Kontrast zur Meta. 

Im Fließtext eignet sie sich für Hervorhebungen und zur 

Text-Auflockerung. 

Die wdr Minion steht in mehreren Schnitten zur Verfügung: 



ß(/)Å&@>Æ 









1234567890 Mediävalziffern 

fi fl Ligaturen 




1234567890 Mediävalziffern

y 



In den Publikationen des wdr wird vorzugsweise die 

Hausschrift Meta eingesetzt. 

Meta Book und Meta Bold mit den jeweiligen Varianten 

Italic und Caps bieten im Normalfall ausreichende Möglichkeiten 

für Satz und Textgestaltung. 

Die Schnitte Normal, Medium und Black kommen nur 

in Ausnahmefällen und für illustrative Textgestaltung als 

Headlineschriften zur Anwendung. 

wdr Minion 

Die serifenbetonte Antiqua wird für den Satz längerer Texte 

und für Tabellen und Zahlenberichte verwendet. 

Wird die wdr Minion in Texten aus der Meta als 

Auszeichnungsschrift eingesetzt, ist die Schriftgröße an 

das Gewicht der Meta anzupassen. Beispiel: 

Meta Book 12 Punkt, wdr Minion 13,5 Punkt 

In Headlines und Logos 

eignet sich die wdr Minion insbesondere als illustrativer 

Kontrast zur eher sachlichen Meta. 

Gutzuhören 


west ARTIm Ruhrgebiet 

werden aus Hochofen-Anlagen und 

Zechen Kulturzentren. Im Rheinland haben Museen 

Hochkonjunktur. Opernhäuser und Theater ziehen 

immer mehr junge Leute an. Museumsnächte 

machen bereits in sechs Städten des Landes Furore. 

Immer mehr Menschen haben Lust auf Kultur. In 

kaum einem anderen Land ist die Kulturlandschaft 

so lebendig wie in Nordrhein-Westfalen. 

Kultur, die interessiert. Lebensart in Nordrhein- 

Westfalen. Gedanken zur Zeit. westART bietet jede 

Woche Themen aus allen Bereichen menschlicher 

Kultur und Lebensfreude: 

Wir berichten über Ausstellungen, Theater, Kino, 

eben Kulturereignisse, die für alle interessant sind, 

machen sensibel für Stil und Qualität, Hoch- und 

Spaßkultur. 

westART – damit Sie stets auf dem Laufenden sind. 

Ob es um Aufsehen erregende Vernissagen geht, um 

Opern- und Theaterpremieren, um bemerkenswerte 

neue Bücher, um erstklassige Konzerte oder spannende 

Kinofilme: westART gibt nicht nur kurze Tipps, 

sondern ausführliche Einblicke hinter die Kulissen 

des Geschehens. Und zwar zweimal in der Woche: 

donnerstags 22:30 und sonntags 11:00 

im wdr Fernsehen 

„Eine hochkreative Sendung“ Franz Xaver Ohnesorg 

Musikmanager 

Intendant des Philharmonischen 

Orchesters Berlin 

TYPO 

grafie

y 



Bei der Gestaltung von 

Publikationen im wdr Design 

sind einige besondere Satz- 

und Typografie-Regeln zu 

berücksichtigen. 

Abkürzungen 

Sendernamen werden immer 

in Kapitälchen gesetzt: 

wdr, ard, zdf, ndr, mdr, swr 

Andere Abkürzungen stehen 

gegebenenfalls in Versalien, 

werden aber im Idealfall minimal 

kleiner gesetzt als der übrige 

Text: Das wdr Fernsehen hat 

in NRW einen klaren Vorsprung 

gegenüber privaten TV-Sendern 

wie rtl oder mtv… 

»wdr„x%“ 

Kapitälchen bitte nicht vom Pro- 





August 2002 

gramm erzeugen lassen, sondern 

die Caps-Fonts verwenden! 

Abkürzungen wie zum Beispiel 

z.B. Str., Tel. u.a. sollten möglichst 

vermieden werden. 

Zahlen von eins bis zwölf sind 

im Fließtext nach Möglichkeit 

auszuschreiben. 

Auch Angaben wie z.B. 20% stören 

den Lesefluß weniger, wenn 

sie ausgeschrieben werden: zum 

Beispiel zwanzig Prozent. 

Euro 

wird in Fließtexten ausgeschrieben. 

In anderen Fällen steht das 

Euro-Zeichen hinter der Zahl: 

Eintritt 6,50 e 

Cent 

Beträge unter 1 Euro werden 

in Cent angegeben und nicht 

abgekürzt. 

Übrigens: Für Radio und TV 

zahlen Sie nur 53 Cent pro Tag. 

Telefon- und Fax-Nummern 

Im Normalfall wird die Ortsnetzkennzahl 

in Klammern gesetzt. 

Durchwahlnummern werden 

nicht von der Hauptnummer 

getrennt: 

Telefon (0221) 220 61 34 

Internationale Telefonnummer 

Fon +49 (0)221 220 6134 Bitte beachten Sie die Gestaltungsrichtlinien des wdr Corporate Design > www.wdrdesign.de 

Auszeichnungen 

Hervorhebungen im Fließtext 

werden kursiv oder fett gesetzt. 

Auch ein Wechsel der Schrift ist 

möglich. Ebenso können Textstellen 

farblich hervorgehoben 

oder unterlegt werden. 

Bitte nicht sperren oder 

gar s perren und keinesfalls 

ganze Worte oder Satzteile IN 

VERSALIEN setzen. 

Anführungszeichen 

werden nicht zur Auszeichnung, 

sondern nur zur Kennzeichnung 

von Zitaten verwendet. 

„Deutsche An- und Abführung“ 

»Französische Guillemets in 

deutscher Anwendung« 

Ganze fremdsprachige Sätze 

stehen in Original-Anführungen 

«Aimez-vous la chanson?» 

“We are happy to see you.”

Westdeutscher Rundfunk Corporate Design Manual Formate < > 

Formate & Gestaltungsraster Anwendung des Rasterprinzips 

wdr-Publikationen werden im Normalfall in den gängigen 

DIN-Formaten angelegt. 

Zur Flächenaufteilung gilt folgendes Rasterprinzip: 

Längs- und Querseite des Bogens werden durch den 

gleichen Faktor (z.B. 20) geteilt. 

So ergibt sich ein Gestaltungsraster, an dem die Elemente 

auf der Seite ausgerichtet werden. 

Die Rasteraufteilung von Querformaten entspricht immer 

der des nächstgrößeren DIN-Formates. 


Hier steht Blindtext 


Hier steht 

Blindtext 




Lang-DIN 

DIN quer 

DIN hoch 



Westdeutscher Rundfunk Corporate Design Manual Formate < > 

Alle Elemente einer Seite 

beziehen sich aufeinander 

und werden am Grundraster 

ausgerichtet. 

Das Logo kann auf der Fläche 

verschiedene Positionen einnehmen. 

Es bewegt sich aber 

mit seinem Zentrum (der 

Wortmarke) immer im linken 

oberen Bereich. 





August 2002 

Formate & Gestaltungsraster Anwendung des Rasterprinzips 


Mehr Wesentliches und 

eine bessere Orientierung 

Diese Vielfalt kommt in fünf Radioprogrammen und Funkhaus Europa, 

einem eigenen Fernsehprogramm, einem Viertel des Angebots für 

Das Erste und bedeutende Beiträge für PHOENIX, arte, 3sat und den 

Kinderkanal zum Ausdruck. Man staunt immer wieder über den Reichtum 

an Eindrücken, Informationen und Erkenntnissen, den es zu entdecken 

gibt. Diese Programme sind Ausdruck der Farbigkeit unseres 

gesellschaftlichen Lebens. Sie spiegeln Kunst und Kreativität, das 

aktuelle Zeitgeschehen und nicht zuletzt die zahlreichen Möglichkeiten, 

sich gut zu amüsieren, wider. 

Mehr hören und sehen: Das bedeutet für Hörer, Zuschauer und User 

des wdr, substanziell mehr wahrzunehmen, mehr Wesentliches, mehr 

Feinheiten und eine bessere Orientierung zu erhalten. Das ist unser 

Anspruch und, im wahrsten Sinne des Wortes, unser Programm. 

© wdr/Aug 

3 

30 32 

© wdr/Eggert 

Vorwort 2 


Radio 4 

Fernsehen 11 

ard 16 

wdr.de 17 

Produktion und Technik 19 

Mitarbeiterinnen und Mitarbeiter 30 

Struktur und Geschichte 32 

Chronik 34 

Gesetzliche Grundlagen 40 

Adressen 44 

© wdr/Schmitt-Menzel/Streich

Westdeutscher Rundfunk Corporate Design Manual Eins Live < > 

Logo Eins Live Farben Schrift & Typografie Formate & Fläche Beispiele 

Das Logo Eins Live 

erscheint im Normalfall positiv und ohne Zusatz. 

Es steht frei im Raum und wird nicht durch 

Rahmen oder Kästen begrenzt. 

In Ausnahmefällen kann das Logo den Zusatz 

Radio Eins Live tragen. In dieser Form wird 

es unter anderem in den Geschäftspapieren 

verwendet. 

Nur auf dunklen Fonds oder dunklen 

Bildhintergründen wird die negative Version 

des Logos eingesetzt. 





y 



Eins Live Leitfarbe 

Magenta 

HKS 27 

Pantone 226 

Zusatzfarbe 

Schwarz 

Akzentfarbe 

Rot 

HKS 13 

Pantone Red 032 

CMYK 100 M, 88 Y 

Das Eins Live Logo erscheint möglichst 

immer zweifarbig Schwarz + Magenta. 

In einfarbiger Darstellung ist die 1 


Nur in Ausnahmefällen, zum Beispiel 

bei extrem kleiner Abbildung, sind alle 

Teile des Logos 100 Prozent Schwarz. 


Bilder 

Vierfarbig CMYK 

Zweifarbig oder 

Monochrom

y 



Abweichend vom wdr Corporate Design hat Eins Live eine 

eigene Hausschrift: 

Franklin Gothic Book 

Franklin Gothic Book Oblique 

für Fließtexte 

Franklin Gothic Demi 

Franklin Gothic Demi Oblique 

für Auszeichnungen in Fließtexten 

Franklin Gothic Heavy Oblique 

für Headlines 


Der Claim 

Eins Live macht hörig. 

wird getrennt vom Logo platziert und in der 

Franklin Gothic Heavy Oblique gesetzt. 

Der Produktname wird immer ausgeschrieben. 

Eins Live 

Radio Eins Live 

Keinesfalls 

L1VE 

1LIVE 

Radio 1 Live

y 



Drucksachen für Eins Live werden im Normalfall 

in den Formaten der DIN-Reihe angelegt. 

Grundsätzlich wird bei der Gestaltung das 

Rasterprinzip des wdr Corporate Designs zur 

Flächenaufteilung zugrunde gelegt. 

Hierbei werden Längs- und Querseite des Bogens 

durch den gleichen Faktor (z.B. Faktor 20) geteilt. 

Die Rasteraufteilung von Querformaten entspricht 

immer der des nächstgrößeren DIN-Formates. 


Lang-DIN 

DIN A 5 quer 

DIN A 4 


Eins Live macht hörig.

y 




Großflächenplakate 

Veranstaltungsplakat 

Eintrittskarte 





August 2002

Westdeutscher Rundfunk Corporate Design Manual wdr 2 < > 

Logo wdr 2 Claims Farbklima Schrift & Typografie Formate & Fläche 

Das Logo wdr 2. Der Sender. 


Es wird nicht angeschnitten. 


erscheinen die Flächen in 50 bzw. 100 Prozent 

Schwarz oder Pantone 293. 


erscheint das Logo komplett in 100 Prozent 

Schwarz oder Pantone 293. 

In diesem Fall steht Der Sender. positiv ohne 

Hintergrundfläche. 





50 Schwarz 

100 Schwarz 

Pantone 293 

Pantone 1795 

100 Pantone 293 

50 Pantone 293

y 


wdr 2 Logo Claims Farbklima Schrift & Typografie Formate & Fläche 

Claims 

stehen mit deutlichem 

Abstand zum Logo 

in der Fläche. 

Sie erscheinen 

grundsätzlich 

Schwarz oder Weiß. 


y 



wdr 2 Leitfarbe 

Pantone 1795 

CMYK 94 M, 100 Y 

Akzentfarbe 

Pantone 293 

CMYK 100 C, 60 M 

Ergänzt werden die 

Hauptfarben durch 

einen geringen Anteil 

Weiß. 

Das Wesentliche. Das Wesentliche. 

Wesentliche. 

■ ■ ■ ■ CMYK ■ ■ Pantone 1795 + 293 

Das Wesentliche. Das Wesentliche. 

■ Pantone 293 ■ Graustufen 


Bilder 

haben immer eine 

klare Begrenzung. 

Außer im herkömmlichen 

Vierfarbdruck 

können Abbildungen 

auch in einzelnen 

Sonderfarben oder 

im Zusammendruck 

mehrerer Sonderfarben 

so bearbeitet 

werden, dass ein 

farbiger Eindruck 

entsteht.

y 



Im wdr 2 Design wird vorrangig Meta, 

die Hausschrift des wdr, eingesetzt: 

Meta Book 

für Fließtexte 

Meta Bold 

für Headlines und den Claim 

Für spezielle Aufgaben 

wie Auszeichnungen im Fließtext, stehen 

weitere Schnitte der Meta zur Verfügung: 








Nur in Ausnahmefällen 

können im Sinne illustrativer Typografie andere Schriften, 

wie zum Beispiel die wdr Minion, eingesetzt werden.

y 



wdr-Drucksachen werden im Normalfall in den 

gängigen DIN-Formaten angelegt. 

Grundsätzlich gilt für die Gestaltung das Rasterprinzip 

des wdr Corporate Designs zur Flächenaufteilung. 


durch den gleichen Faktor (z.B. 20) geteilt. 




Lang-DIN 

DIN A 5 quer 

DIN A 4 


Das Logo wdr 2 

steht oben 

horizontal zentriert. 

Logo-Breite 

min. 20 Prozent 

der Schmalseite 

des Formates. 

Abstand 

zum oberen Rand 

min. 1 x Logohöhe. 





August 2002


Logo wdr 3 Claim Farbklima Schrift & Typografie Formate & Fläche 



Das tektonische Element hat die Hausfarbe 

Pantone 293 



RAL 5005 

Die Ergänzungsflächen 

links und rechts 45 Prozent Pantone 293 

Mitte 70 Prozent Pantone 293 


ist das tektonische Element 100 Prozent Schwarz 

Die Ergänzungsflächen 

25 bzw. 50 Prozent Schwarz 

Bei mehrfarbiger Gestaltung 

greifen die Ergänzungsflächen die Hintergrundfarbe 

auf. Die Tonwerte sind je nach 

Farbintensität abzuwandeln. 





45 % 

100 % 

25 % 50 % 25 % 

70 % 

100 % Pantone 293 

45 % 

In besonderen Fällen 

und wenn nicht nach den 

Regeln des wdr Corporate 

Designs gestaltet wird, kann 

das Logo auch ohne Ergänzungsflächen 

erscheinen.

y 


wdr 3 Logo Claim Farbklima Schrift & Typografie Formate & Fläche 

Der Claim Das Kulturereignis 

kann in der hier gezeigten Form in das Logo 

integriert werden (Winkel = 5°). 

Tritt der Claim räumlich getrennt vom Logo auf, 

wird ihm wdr 3. vorangestellt. 

Auf den Ergänzungsflächen des Logos können 

auch inhaltliche Angaben platziert werden. 

wdr 3. Das Kulturereignis 

Programm 


Das Kulturereignis 

Chorkonzerte

y 




Pantone 134 

CMYK 12 M, 50 Y 

Akzentfarbe 

Pantone 293 

CMYK 100 C, 60 M 

Ergänzungsfarben 

Schwarz 

Pantone 143 

Pantone 187 

Alle Farben können 

sowohl im Vollton als 

auch in prozentualen 

Abstufungen 


■ ■ ■ ■ CMYK ■ ■ Pantone 134 + 293 



Bilder 

haben immer eine klare 

Begrenzung. 


Vierfarbdruck können 

Abbildungen auch in 

einzelnen Sonderfarben 

oder im Zusammendruck 


so bearbeitet werden, 

dass ein farbiger 

Eindruck entsteht.

y 



Im wdr 3 Design wird vorrangig Meta, 

die Hausschrift des wdr, eingesetzt: 

Meta Book 

Meta 

Meta Black 

Für spezielle Aufgaben 

wie Auszeichnungen im Fließtext stehen 

weitere Schnitte der Meta zur Verfügung: 




Meta Bold 




Headlines und Claims werden typografisch in besonderer Weise behandelt: 

wdr 3. Das Kulturereignis 

Meta Bold 

wdr (Caps) 3. (Bold) 

Meta Book + Erster Buchstabe Meta Black 

Elf Sendungen 

Chorkonzert 

Big Band Konzert 


y 












Lang-DIN 

DIN A 5 quer 

DIN A 4 



steht möglichst mit 

3 Einheiten Abstand 

zum oberen Rand und 

2 Einheiten Abstand 

zum linken Rand 

oder 

links angeschnitten. 

In jedem Fall mit 

Abstand zum 

oberen Rand. 





August 2002






Pantone 293 



RAL 5005 

Die 4 



Die Fläche unter der 4 

Pantone 143 



ist das tektonische Element 100 Prozent Schwarz 

Die 4 

50 Prozent Schwarz 

Die Fläche unter der 4 

20 Prozent Schwarz 





y 



Der Claim Schönes bleibt. 

ergänzt das Logo wdr 4. 

Stehen Logo und Claim 

in direkt räumlichem 

Zusammenhang, bezieht 

sich der Claim in Farbe, 

Größe und Platzierung 

auf das Logo. 

Tritt der Claim räumlich 

getrennt vom Logo auf, 

kann er durch wdr 4 

ergänzt werden. 

Schönes bleibt. wdr 4 


Schönes bleibt.

y 




Pantone 143 

CMYK 37 M, 82 Y 


Pantone 293 


Schwarz 

Schönes bleibt. wdr 4 Schönes bleibt. wdr 4 

■ ■ ■ ■ CMYK ■ Pantone 293 + Schwarz 

Schönes bleibt. wdr 4 Schönes bleibt. wdr 4 



Bilder 

erscheinen immer in 

Graustufen 

oder bei einfarbigem 

Druck in Sonderfarben 

monochrom eingefärbt.

y 



Im wdr 4 Design werden vorrangig Meta, 

die Hausschrift des wdr, und wdr Minion 

eingesetzt: 

Meta Bold 

Minion Bold Italic 

Für Fließtexte und spezielle Aufgaben 

stehen weiter Schriftschnitte zur Verfügung: 




Meta Bold 










Rendezvous 

für schöne Stunden 



Wenn Sie mehr wissen möchten: 

wdr 4 · 50600 Köln 

Hotline 0800 5678 444 · Faxline 0800 5678 440 

E-Mail: wdr4@wdr.de · Internet: www.wdr4.de 

Übrigens: Für Radio und TV zahlen Sie nur 53 Cent pro Tag. 

wdr 4 

Schlager-Express 

18. Mai 2002 14:30 bis 17:00 

Kurpark Norderney 

Live auf der Bühne: 

G.G. Anderson 

Patrick Lindner 

Erik Silvester 

Ulla Norden 

Reiner Kirsten 

Dirk Schiefen 

Ehrengast: 

Lys Assia 

frei 

Moderation: Rainer Nitschke Eintritt 

Wenn Sie mehr wissen möchten: 

wdr 4 · 50600 Köln 

Hörertelefon 0800 5678 444 

Hörerfax 0800 5678 440 

E-Mail: wdr4@wdr.de · Internet: www.wdr4.de 

Übrigens: Für Radio und TV zahlen Sie nur 53 Cent pro Tag. 

wdr 4 

Pavillon live 

20.Juli 2002 

9:00 bis 12:00 Einlass 8:00 

Vier-Jahreszeiten-Park Oelde 

mit 

Ute Freudenberg 

Uta Bresan 

Ines Adler 

Judith und Mel 

Jeannine 

Happy Family 

Drafi Deutscher 

Tony Marshall 

Jens Bogner 

Michael Heck 

Sandy Wagner 

Durch das Programm führen 

Anne Suchalla und Rainer Nitschke 

Eintritt zur Sendung frei 

Einlassgebühr für den Vier-Jahreszeiten-Park 2,50 e 

Nur an der Tageskasse und ohne Reservierungsmöglichkeit 

Schönes bleibt. wdr 4

y 












Lang-DIN 

DIN A 5 quer 

DIN A 4 




kann auf der 

Fläche verschiedene 

Positionen einnehmen. 

Es bewegt sich aber 

immer im linken 

oberen Bereich, der 

durch die horizontalen 

und vertikalen Mittelachsen 

definiert wird. 





August 2002






Pantone 293 



RAL 5005 


ist das tektonische Element 100 Prozent Schwarz. 





y 



Der Claim Hören erleben wdr 5 

steht weiß in einer exakt definierten 

Fläche. 

Die Fläche hat die Hausfarbe 

Pantone 293 



RAL 5005 


ist die Fläche 100 Prozent Schwarz. 

Im Normalfall steht der Claimbalken 

unten rechts angeschnitten. 


y 




Pantone 368 

CMYK 65 M, 100 Y 


Pantone 293 

Pantone 356 


Pantone 143 

Pantone 134 

Alle Farben können 

sowohl im Vollton als 

auch in prozentualen 

Abstufungen 


Hören erleben wdr 5 Hören erleben wdr 5 

■ ■ ■ ■ CMYK ■ Pantone 368 + ■ 293 

Hören erleben wdr 5 Hören erleben wdr 5 



Bilder 

haben immer eine klare 

Begrenzung. 


Vierfarbdruck können 

Abbildungen auch in 

einzelnen Sonderfarben 

oder im Zusammendruck 


so bearbeitet werden, 

dass ein farbiger 

Eindruck entsteht.

y 



Im wdr 5 Design werden vorrangig folgende 

Schriften eingesetzt: 

Minion Bold Italic 

Meta Book 

Meta Bold 

Für Fließtexte und spezielle Aufgaben 

stehen weiter Schriftschnitte zur Verfügung: 




Meta Bold 










Unterhaltung 

amWochenende 

Samstag 

24. Februar 

16 Uhr 

Eggemuseum 

Altenbeken 

Eintritt 15/13 DM 

Vorverkauf Altenbeken: 

Bekestübchen 

Paderborn: 

Ticket Direkt und 

Verkehrsverein 

Bad Driburg: 

Buchhandlung Saabel 

Telefonische 

Kartenreservierung: 

Carsten Hormes 

Konzertbüro 

(052 55) 6040 

l i v e 

Lioba Albus 

Hilde Kappes 

Augustin Upmann & 

Heinz Weißenberg 

Gabriel Yacoub Trio 

Moderation 

Frank Goosen 

Ostwestfalen UKW 90,6 

Satellitenempfang: Astra 1c · 11.053 GHz · Transponder 39 

ADR Astra Digital Radio: 6,84 MHz 

wdr 5 kann außerdem im Rahmen von ARD-Digital über 

Satellit (Astra 1G) und per Kabel mit einer DVB-Set-Top-Box 

empfangen werden. 

wdr 5-Hotline: freecall 0800 5678 555 

wdr 5, 50600 Köln · www.wdr5.de · wdr5@wdr.de 

Übrigens: Für Radio und TV zahlen Sie nur 1,04 DM (0,53 €) am Tag. 

Hören erleben wdr 5 


In Kombinationen wie 

hier müssen die Schriftgrößen 

angeglichen 

werden, so dass die 

Gemeinen in gleicher 

Höhe erscheinen.

y 





Grundsätzlich gelten auch für das wdr 5-Design 

die Gestaltungsrichtlinien des wdr. 

Anordnung und Größe der einzelnen Elemente 

auf der Fläche und im Verhältnis zueinander sind 

jedoch für wdr 5 gesondert definiert. 

So steht zum Beispiel das Logo immer oben in 

der Mitte, der Claim unten rechts. 

Das Logo hat im Normalfall mindestens 25 Prozent 

der Seitenbreite, der Claimbalken 50 Prozent. 

Bei Querformaten ist die Formathöhe maßgebend. 

Abstand links 2 Modulbreiten 

Abstand oben 50% C 

C 

B 

B 

25% A 

Seitenbreite = A 

B 

50% A 

Fläche & Proportionen 

B 

Abstand rechts 2 Modulbreiten 

Hören erleben wdr 5 






August 2002

Westdeutscher Rundfunk Corporate Design Manual wdr 5 Funkhaus Europa 103.3 > 

Das Logo Funkhaus Europa 103.3 


Es hat im Normalfall die Hausfarbe 

Pantone 293 



RAL 5005 

Zusätzlich und abgestimmt auf den 

jeweiligen Hintergrund sind auch diese 

Logofarben möglich 

Pantone 143 


Pantone 160 

CMYK 45 C, 79 M, 100 Y, 8 K 




kann das Logo 100 Prozent Schwarz 

oder auf dunklem Hintergrund Weiß sein. 

Logo Claim 





Westdeutscher Rundfunk Corporate Design Manual wdr 5 Funkhaus Europa 103.3 < > 

Dem Logo zugeordnet ist der Claim 

ein programm von wdr 5 

Logo und Claim stehen frei im Raum 

und werden nicht durch Rahmen oder 

Kästen begrenzt. 

Logo Claim 

Köln 

Der Claim kann räumlich getrennt 

Rundfunk 

vom eigentlichen Logo eingesetzt 

werden, wird dabei jedoch in der 

Größe nicht verändert. Westdeutscher 





August 2002


Logos 

Animation 

Styleguide Fernsehen 

Schriften 

Farben 

Fläche 

wdr in der ard

Westdeutscher Rundfunk Corporate Design Manual Styleguide Fernsehen 

Logos Farben Schriften Fläche Animation wdr in der ard 

Das Design wdr Fernsehen 

Das Fernsehdesign greift die Formensprache 

des wdr Corporate Designs auf und ist inte- 

graler Bestandteil des wdr-Unternehmens- 

bildes. 

Dabei wird das Design um fernsehspezifische 

Ausdrucksformen erweitert und kontinuierlich 

fortgeschrieben. 

Die wdr-Identität, Funktionalität und Klarheit 

des wdr Corporate Designs bleiben bestim- 

mende Grundlage des Auftritts. 

Dieser Styleguide stellt die Übertragung der grundlegenden 

Gestaltungsregeln des wdr Corporate Designs ins 

Erscheinungsbild wdr Fernsehen vor und zeigt beispielhaft 

Umsetzungen und Darstellungsformen für die unterschiedlichen 

Anwendungsbereiche und Anforderungen auf dem Bildschirm. 

Um einen eindeutigen, wieder erkennbaren Auftritt des gesamten 

Unternehmens wdr zu gewährleisten, beachten Sie bitte in 

jedem Fall auch die generell gültigen Gestaltungsrichtlinien im 

wdr Corporate Design Manual. 

Immer auf dem aktuellen Stand sind die Logos und Informationen 

zum wdr Corporate Design im Internet: www.wdrdesign.de 

Fragen zum Design wdr Fernsehen richten Sie bitte an 

michael.freiwald@wdr.de 

Wenn Sie Fragen zum wdr Corporate Design haben, wenden Sie 

sich bitte an volker.rapsch@wdr.de 

Ein Passwort für den Zugang zum wdr Design-Server bekommen 

Sie hier 

wdr Öffentlichkeitsarbeit · 50600 Köln · Fax +49 (0)2 21 220 62 65 


< >



Auf dem Bildschirm wird das wdr Logo in 

zwei Varianten eingesetzt, als freistehende 

Wortmarke wdr und in Kombination mit 

der blauen Winkelfläche. 

Der Blauton ist definiert R G B 

Paintbox 8 29 137 

Schriftgenerator 8 29 137 

MAC (Video Farbraum) 22 41 136 

MAC (Mac Farbraum) 7 29 140 

Print Sonderfarbe Pantone 293 

Print CMYK 100 C, 60 M 

DIN RAL 5005 

Das Produktlogo wdr Fernsehen für 

Printmedien wird auf dem Bildschirm nicht 

eingesetzt. 

Bei Logo-Gestaltungen mit wdr als 

Titel-Bestandteil wird grundsätzlich die 

Wortmarke verwendet. 

Als Senderkennung ist die Wortmarke in der 

oberen rechten Bildschirmecke positioniert. 

Technisch erfolgt dies über einen Schriftzusetzer 

in der Sendestraße 

Größe/Transparenz/Position in TV-Lines. 


wdr wdr wdr 

wdr wdr wdr 

Das Unternehmenslogo steht zugleich für die 

Marke wdr Fernsehen. Es kennzeichnet also 

den Auftritt der Marke in allen programmübergreifenden 

Gestaltungsformen wie Programmtrailern, 

Eigenpromotion, Station-IDs und 

Copyright. 

y 

< >



Die Farben des wdr-Farbklimas werden 

prinzipiell auch im Screen-Design für das 

wdr Fernsehen angewendet. 

Die kühleren Farbtöne stehen für Klarheit, 

Information und Ratio, 

die wärmeren Farben für Emotion und Gefühl. 

Die Grundfarben sind ausgehend von den 

jeweiligen Basisfarben abgestuft. 

In der Bildgestaltung wird im Normalfall 

jede Grundfarbe durch eine weitere Farbe als 

Kontrast oder zur Akzentuierung ergänzt. 

Pantone 293, die primäre Hausfarbe des 

wdr, kann auf dem Bildschirm ebenso wie 

ein Anteil Weiß sehr reduziert eingesetzt 

werden, wobei der Farbton in seiner eindeutigen 

Definition nicht verändert werden 

darf. 

Grafische Bildgestaltungen sind grundsätzlich 

auf zwei Farbstimmungen reduziert. 

Drei oder mehr Farben entsprechen nicht 

dem Auftritt des wdr Fernsehens. 

Pantone 293 

Pantone 108 


296 

284 

368 

356 

175 

202 

1795 

Red 032 

143 

134 

y 

< >



Die Hausschrift des wdr ist die Meta, die 

auf dem Bildschirm nach Bedarf in verschiedenen 

Schriftschnitten eingesetzt werden 

kann: 

Meta Book 




Meta Bold 




Die serifenlose Meta wird durch die 

Antiquaschrift wdr Minion ergänzt. 

Sie steht ebenfalls in mehreren Schnitten 

zur Verfügung: 








In allen erscheinungsbildrelevanten Formaten 

werden generell nur die Schriftfamilien Meta 

und wdr Minion verwendet. 

Nur in Ausnahmefällen können bei inhaltlich 

geprägten Gestaltungslösungen im Sinne illustrativer 

Typografie andere Schriften eingesetzt 

werden. 

y 

< >



Die bewusste Eingrenzung der formalen Vielfalt als grundlegendes 

Gestaltungsprinzip des wdr Corporate Designs legt auch beim 

Fernsehauftritt einen klaren Bildaufbau und flächige Bildgestaltung 

nahe. 

Mit dieser formalen Reduktion unterstützt der Bildschirmauftritt die 

Nähe der Marke wdr Fernsehen zum Gesamtbild des Unternehmens. 

Zudem eröffnet sie Gestaltungsfreiräume für eine – den programmlichen 

Anforderungen entsprechende – assoziative Bildsprache und 

inhaltliche Stimulanz. 

Als gestaltungsrelevante Fläche auf dem Bildschirm ist der verzerrungsfreie 

Bereich innerhalb der 15% Safe-Titel-Cash-Begrenzung 

definiert. 

Auch für Bildschirmanwendungen kann das Rasterprinzip des 

wdr Designs zur Flächenaufteilung zugrunde gelegt werden. 

Title Safe 

ActionSafe 


WDR 

y 

< >



Die Animationsprinzipien 

sollen der Gesamtgestaltung 

entsprechen 

und dabei die formale 

Bildgestaltung adäquat 

und dynamisch unterstützen. 

Sie können dabei die 

Grundformen aufgreifen 

oder konterkarieren. 

Insbesondere das 

bewusste Zusammenspiel 

mit reduzierten 

und klaren Grundformen 

eröffnet der 

Animation ein ausdrucksstarkesVokabular 

für eine assoziative 

oder abstrahierende 

Umsetzung der jeweiligen 

Inhalte. 


y 

< >



In Logokombinationen mit der ard-Eins wird 

die Wortmarke wdr eingesetzt. 



wdr Grafik/Trick/Foto Fernsehen: 

Michael Freiwald 



August 2002 

Eine 

Gemeinschaftsproduktion 

der ARD 

WDR © 2002 

Aus der Logokombination ist auch die 

Gestaltung der Copyright-Inserts abzuleiten. 


NDR 

ORB 

WDR 

Bei Koproduktionen von zwei oder mehreren 

Stationen werden die Sender gleichwertig 

namentlich genannt. 

In diesem Fall erscheint die Wortmarke in der 

ard-Schrift Thesis. 

y 

< >

Westdeutscher Rundfunk Corporate Design < > 

Logos Farben Schriften Styles Fläche Kopf & Fuß Navigation Teaser Icons Beispiele 

Styleguide Internet

Westdeutscher Rundfunk Corporate Design Styleguide Internet 


Die Internet-Seiten des wdr 

Für den visuellen Auftritt des Unternehmens 

wdr gelten medienunabhängig grundsätzlich 

die gleichen Corporate Design-Regeln. 

Bei der Gestaltung von Web-Seiten sind jedoch 

die besonderen Gegebenheiten des Internets 

zu berücksichtigen. 

Zur Gestaltung benutzerfreundlicher Online-Angebote müssen die 

zur Verfügung stehenden Design-Elemente und Gestaltungsregeln 

den technischen Möglichkeiten des Mediums angepasst werden. 

Dieser Internet Styleguide ist Teil der Corporate Design-Richtlinien 

des wdr und stellt insbesondere die Gestaltungsregeln vor, die 

sich von den Design-Vorgaben für andere Medien unterscheiden. 

Um einen eindeutigen, wieder erkennbaren Auftritt des gesamten 

Unternehmens wdr zu gewährleisten, beachten Sie bitte in jedem 

Fall auch die generell gültigen Gestaltungsrichtlinien im wdr 

Corporate Design Manual. 

Immer auf dem aktuellen Stand sind die Logos und Informationen 

zum wdr Corporate Design im Internet: www.wdrdesign.de 

Wenn Sie Fragen zum wdr Corporate Design haben, wenden Sie 

sich bitte an volker.rapsch@wdr.de 

Fragen zum Internet-Design des wdr richten Sie bitte an die 

wdr-Internetredaktion stefan.moll@wdr.de 

Ein Passwort für den Zugang zum wdr Design-Server bekommen 

Sie hier 

wdr Öffentlichkeitsarbeit · 50600 Köln · Fax +49 (0)2 21 220 62 65 


< >

20 pix 



Auf den Web-Seiten des wdr werden alle 

Logos farbig eingesetzt und haben einen 

exakt definierten Stand in der Fläche: 

Oben angeschnitten 

20 Pixel Abstand zum linken Rand 

30 Pixel Basishöhe des tektonischen Elements 

30 pix 

.de 


y 

< >



Die Farben des wdr-Farbklimas werden 

speziell für das Web-Design in ditherfreie 

Hexadezimal-Codes umgewandelt. 

Pantone 293 # 00 33 99 

Pantone 108 # FF CC 00 

296 # 00 00 33 

Standard-Textfarbe 

284 # 66 99 FF 

368 # 99 CC 33 

356 # 00 99 33 

175 # 66 33 00 

202 # 66 00 33 

1795 # CC 00 33 

Red 032 # FF 00 00 

143 # FF 99 00 

134 # FF CC 99 


Die Grundfarben der Inhaltsseiten sind ausgehend von 

einer Basisfarbe abgestuft und werden jeweils durch 

eine Kontrastfarbe ergänzt, die zum Beispiel auch für 

MouseOver-Effekte verwendet wird. 

Inhalt wdr.de 

# 5982D2 # 9BB4E4 # E6ECF8 # FFCC00 

Inhalt wdr Fernsehen 

# FF8533 

MouseOver-Effekte 

# FFB685 # FFE7D6 # FF3333 

y 

< >



Die Hausschrift des wdr ist die Meta, die im 

Normalfall in diesen Schnitten eingesetzt wird: 

Meta Book 




Meta Bold 




Die wdr Minion ergänzt die serifenlose Meta, 

sie steht ebenfalls in mehreren Schnitten zur 

Verfügung: 







Im Web-Design werden die Hausschriften Meta und Minion nur für 

Grafiken, Logos und Navigationselemente verwendet. 

Im Fließtext wird statt Meta die Verdana eingesetzt, die auf fast allen 

Computern installiert ist: 

Verdana 

Verdana Italic 

Verdana Bold 

Verdana Bold Italic 

Für Rechner, die die Verdana nicht geladen haben, wird über 

Stylesheets eine Schrift aus den Familien Arial, Helvetica oder eine 

generisch serifenlose Schrift voreingestellt. 

Basisgröße für Fließtext ist 9 pt. 

Die Größen werden über Cascading Stylesheets (CSS 1.0) geregelt und 

umfassen die gängigen HTML-Tags. 

Absatzformate werden mit ihren speziellen Punktgrößen definiert, alle 

anderen nur der serifenlosen Schriftfamilienliste zugewiesen. 

Header-Tags (H1 – H7) werden zusätzlich als Klasse gleichen Namens 

in gleicher Größe definiert. 

Cross-Browser-/Cross-Plattform-Optimierung ist wünschenswert. 


y 

< >



Textauszeichnungen 

Links werden nur im Fließtext unterstrichen. 

Im Navigationsbereich werden Links durch einen 

vorangestellten Pfeil gekennzeichnet. 

Im Nachrichtenportal wdr.de gibt es eine 

spezielle Klasse wdr.de die gelb (#FFCC00) 

hinterlegt wird. 

Texteinzüge (padding/margin) 

Eigene Klassen erlauben in Browsern der neuen 

Generation horizontale Einzüge und vertikale 

Abstände. 

Visuelle Effekte (:hover) 

Im Navigationsbereich und im Seitenfuß wird die 

Pseudo-Link-Klasse :hover verwendet. 


y 

< >



Die wdr-Internetseiten sind 780 Pixel breit 

(optimiert für Monitorauflösungen ab 800 x 600). 

Die Fläche enthält vier Bereiche: 

Seitenkopf 

Navigationsspalte 

Contentbereich 

Seitenfuß 

Contentbereich und Navigationsfläche bilden 

den Inhalt und seinen strukturellen Aufbau ab. 

Seitenkopf und Seitenfuß enthalten die 

Dachnavigation. 

Innerhalb der Navigationsfläche kann ein 

Content-Jumper mit maximal fünf Themen der 

jeweiligen Rubriken-Homepages untergebracht 

werden. 

Die Contentfläche ist 580 Pixel breit. 

Sie kann weiter unterteilt werden: 

Spaltenmaße 190, 285 und 385 Pixel, 

Spaltenabstände 5 und 10 Pixel. 

Texteinzüge generell 5 Pixel. 


y 

< >



Der Seitenkopf (780 x 96 Pixel) enthält 

Logo 

Hoheitsnavigation 

Datum 

Feld für Freitextsuche 

Iconleiste 

Auf den übergeordneten Seiten werden 

Rubrikzugehörigkeit und Bereich im Seitenkopf 

durch einen zusätzlichen Farbbalken gekennzeichnet. 

Auf der Startseite wdr.de enthält dieser Balken 

zwei Pulldown-Menüs. 

Der Seitenfuß enthält 

Link zum Impressum 

© Vermerk 

Variable Funktionsleiste 

Disclaimer für externe Links bzw. 

Text-Ticker 

Auf den übergeordneten Seiten wird die 

Funktionsleiste als farblich abgestimmter Balken 

in die Contentfläche integriert. 

.de 


y 

< >



Die Navigationsspalte 

ist 150 Pixel breit und steht links. 

Navigationspunkte sind Textlinks mit 

vorangestelltem Pfeil und farbig akzentuiertem 

Mouse-Over-Effekt. 

Die zweite Navigationsebene 

ist 8 Pixel eingerückt. Die Schrift ist hier kleiner. 

Die jeweils aktuelle Position innerhalb der 

Navigation ist farbig gekennzeichnet. 

Auf übergeordneten Seiten 

ist die Navigationsstruktur dreigeteilt: 

Rubriken/Genres 

Bereich 

Trimediale Inhalte 

Content-Jumper 

können im Anschluss an die Rubriken-/Genre- 

Navigation platziert werden oder als PopUps in 

einem neuen Fenster (200 Pixel breit) erscheinen. 

Bei Verwendung einer eigenen Domain ist der 

Einsatz, zumindest auf der Startseite, zwingend. 


.de 

y 

< >



Teaserflächen 

für Programminformationen oder zur Ankündigung 

von Nachrichten können in den Spaltenmaßen 

190, 285, 385 und 58o Pixel 

platziert werden. 

Jeder Teaser hat als Trennung zum vorhergehenden 

Inhalt einen Farbbalken, der Freitext enthalten kann. 

Teaser können Bilder, Texte und Linklisten enthalten. 

Bilder sind rechts oder links oben (ohne Abstand 

zum Farbbalken) angeordnet. 

Texte umfließen das Bild mit 5 Pixel Abstand. 


y 

< >



In der Dachnavigation 

gibt es Icons für 

Als Homepage einrichten 

Kontakt 

A bis Z 

Sitemap 

FAQ 

Streaming 

Im Contentbereich 

werden diese Icons eingesetzt: 

Video OnDemand oder Live Video-Streaming 

Audio OnDemand oder Live Audio-Streaming 

Bildergalerien 

Gästebücher 

Bibliographien 

Links innerhalb des wdr-Internetangebotes 

Links innerhalb des ard-Internetangebotes 

Externe Links 

Den Icons im Contentbereich folgt immer eine verlinkte Textbeschreibung, die durch 

Unterstreichung hervorgehoben wird. 


y 

< >



.de 


y 

< > 



wdr Internetredaktion: Stefan Moll 



August 2002

wdr Minion Caps Italic

Sie wollen auch ein ePaper? Erhöhen Sie die Reichweite Ihrer Titel.

Template löschen?

Als Template speichern?