TCS Corporate Design Manual Wegweiser für einen konsistenten Markenauftritt. Version / Stelle Markenführung

Transkript

1 TCS Corporate Design Manual Wegweiser für einen konsistenten Markenauftritt Version / Stelle Markenführung

2 Inhalt Corporate Design Vorwort 4 Markenwerte 5 Gestaltungsprinzipien 6 Gestaltungselemente 7 Grundelemente Logo Definition 8 Schutzraum 9 Logo auf anderen Farben als Gelb 10 Artwork-Vorlagen 11 Farben Definitionen und Anwendungen 12 Typografie Anwendungen und Schrifteinstellungen 13 Nomenklatur 14 Bildwelt/-sprache 15 Layout Grundprinzip 16 Konstruktion des Satzspiegels 17 Platzierung von Text und Bild im Satzspiegel 18 Produktkommunikation 19 Layout-Aufschlüsselung 20 Verhalten in elektronischen Medien 21 Zusatzelemente Störer 23 Linien in der Typografie 24 Organigramm- und Diagrammsprache 25 Illustrationssprache 26 Quality-Label 27 Papier 28 Anwendungen Briefschaften 30 Marketing 31 Signage 32 Elektronische Medien 33 Impressum 34 2/34

3 Fünf moderne Elemente für eine starke Schweizer Marke

4 Vorwort Der Touring Club Schweiz (TCS) verfolgt eine Dachmarkenstrategie. Das bedeutet, dass alle Leistungen des Unternehmens unter der Marke TCS geführt werden. Diese Strategie stärkt die Marke TCS. Ein konsequent umgesetztes Corporate Design trägt dazu bei, dass der TCS in allen Medien leicht wiedererkannt wird. Seit Oktober 2011 setzt der TCS das vorliegende Corporate Design (CD) um. Die visuellen Elemente sind: das überarbeitete Logo, die Primärfarbe Gelb, die Typografie, das Layoutprinzip und die Bildwelt/-sprache. Das Corporate Design setzt Eckwerte, die für alle internen und externen Stellen/Agenturen verbindlich sind. 4/34

5 Markenwerte TCS Markenwerte Als führende Mobilitätsgemeinschaft der Schweiz verpflichten wir uns, unseren Mitgliedern zu helfen, sorgenfrei unterwegs zu sein. Das Corporate Design des TCS nimmt die Markenwerte auf und übersetzt diese in einen visuellen Auftritt. Alle Gestaltungselemente (Logo, Farbe, Typografie, Layout und Bildwelt/-sprache) wurden entlang der TCS Markenwerte entwickelt: mobil leidenschaftlich nah sorgenfrei 5/34

6 Gestaltungsprinzipien Den Gestaltungsprinzipien liegen die TCS Markenwerte zugrunde. TCS verfolgt neu eine Dachmarkenstrategie. Das heisst, dass auf allen Broschüren, Geschäftsdrucksachen und Inseraten immer das Logo oben links platziert wird. Die eigentliche Produktbezeichnung erfolgt in der Kommunikation. Somit stehen alle Produkte und Sektionen unter der Marke TCS. Das Logo Das TCS Logo ist in der ganzen Schweiz bekannt, gut verankert und positiv besetzt. Deshalb wurden seit 1956 nur leichte Anpassungen vorgenommen. Seit Oktober 2011 ist das Logo in allen Anwendungen dreidimensional. (Ausnahme Faxvariante: eindimensionales Logo) Das Layout Das Layoutprinzip mit dem dynamischen Fenster für Bilder ist ein zentrales Element des neuen Corporate Designs. Die Schräge spiegelt den Markenwert Mobilität, das Kerngeschäft des TCS, wieder. Die Typografie Die gewählten Schriften Museo Slab für Headlines und Museo Sans für Lauftext sind gut lesbar und sorgen für ein solides, zeitgemässes Schriftbild. Sorglos unterwegs mit der TCS Produktbezeichnung Die Bildsprache Die TCS Bilder zeigen den Mobilitätsalltag der Mitglieder nah, unverfälscht und direkt. Die Bilder stehen für eine sorgenfreie Mobilität im Alltag, im Urlaub und in der Freizeit. Die Farbe Gelb ist die neue Primärfarbe des TCS. Tet ipsusci consequatem vel digna aut praesequat non ex ea adio delisisit vullam euisci te del digna feuissed dolutpat. Um quat core laore eumnit. Tum zzriliquat. Metuerciduis do odo do dolum dipsummy nosto od tat arilit alit dit lum nostiniat ute dolorer alis mod olobore minim nos aut laoreet lut landre dignim velenissenit veleum molor summod tatem amconsectet atue commodolor ip eum nissi evel essi blaorperat inniam core modolobo rtie esent iusciduisl et alisim verlac cum nonulluptat. Cip eu facillamilscon heniamet vel ipsumsa ndiatet doia mcore euguera esequat acillum daugit augait laore eum velendipit am zilis augiat. Uscidunt alissecte elitacineulci dunt nit vel iril ercipis nit diamcom moluptat. Tet ipsuscidunt am at illaam dolorper iuscilisl incilla feummy nullamet vendit nit del iure facil ipus cil ex euissequip euisis nummodlorem zzriureet iustrud min velenis neuilit veriusto odolore consequat. Ed tat nos estie feuisl irit praestiscil iniam dolor perilla feugue tat. Ed tat la conseunim venibh esed dolorper il derunt am, quis etuercil er suscido el iril ercipis nit diamcom moluptat. Tet ipsuscidunt am at illam dolorper iuscilisl Aque volo rio et mil expeliciate sam fuga. 6/34

7 Gestaltungselemente Museo Slab 700 Museo Slab 300 Museo Sans 700 Museo Sans 300 Museo Slab Museo Slab Das TCS Logo Die TCS Farben Die TCS Typografie Die TCS Bildwelt Das TCS Layout Das TCS Logo hat einen hohen emotionalen Bindungswert. Ausserdem ist das im Logo vorhandene Akronym TCS in der Schweiz gut etabliert. Seit Jahrzehnten wird das Logo deshalb immer nur leicht angepasst und repräsentiert in seiner Unversehrtheit die Konstanz der Organisation. Das TCS Logo erscheint immer auf gelbem Hintergrund. TCS Gelb Gelb ist die Primärfarbe des TCS. Die gelben Patrouille TCS Fahrzeuge stehen für Problemlösung und sind gleichzeitig als Flaggschiff des TCS bekannt. Deshalb ist Gelb seit Oktober 2011 die Primärfarbe des TCS. TCS Sekundärfarbe Blau wird zur Strukturierung von Diagrammen/Grafiken verwendet. Die Schrift Museo unterstützt mit ihrer technischen Anmutung den Expertenstatus des TCS. Der gleichzeitige Einsatz zweier Schriftschnitte kreiert ein spannungsvolles Schriftbild und einen gut lesbaren Text. Die Bildsprache ist nah am Menschen und an seinem alltäglichen Mobilitätsbedürfnis: authentische Situationen, die den TCS Kundennutzen bildhaft repräsentieren. Das Layoutprinzip regelt die Platzierung von Bild, Logo und Typografie in jedem Format. Markantes Merkmal des Layouts ist die Schräge. TCS Signalfarbe Purpur signalisiert Aufrufe, die sogenannten «call-to-action»-markierungen. 7/34

8 Logo Definition Das TCS Logo erscheint immer auf gelbem Hintergrund: selbstbewusst und prominent inszeniert. Diese Anpassung verstärkt die Plastizität und Materialität des Logos. Nicht auf vollflächig gelbem Hintergrund sind die TCS Briefschaften: Hier wird das Logo mit einer Markenplattform (gelb) verwendet. Die schräge untere Kante übernimmt die Dynamik des Kommunikationsfensters. Diese Logoform darf ausschliesslich für diese Anwendungen verwendet werden. Das TCS Logo auf gelbem Hintergrund Das TCS Logo für Briefschaften 8/34

9 x x Corporate Design Logo Schutzraum Der Schutzraum für das TCS Logo auf gelbem Hintergrund ist die Hälfte der Logobreite. Diese Breite nennt sich «x» und ist zudem auch die Randbreite. Beim TCS Logo auf der Markenplattform ist der seitliche Abstand etwas kleiner, nämlich «0,75 x». x x 0,5 x x 2 x x 0,5 x 0,75 x 2 x 0,75 x 0,5 x Logo auf gelber Fläche Schutzraum auf gelber Fläche. Logo steht immer in der linken oberen Ecke. Logo auf Markenplattform Schutzraum auf Markenplattform. Der gleiche Schutzraum gilt auch für das Signage. 9/34

10 Logo auf anderen Farben als Gelb Konstruktion Logogrösse Kommt das Logo auf anderen Farben als Gelb zum Einsatz, ist in jedem Fall die nebenstehende Konstruktion anzuwenden. Formate Beim Hochformat wird das Logo auf die Breite des Formates gezogen. Beim Querformat wird das Logo auf die jeweilige Höhe gezogen. Minimalformat hoch x Minimalformat quer 5 x 5 x 3 x x x 3 x x 4 x Die Mindesthöhe von Hochformaten beträgt Logohöhe inklusive Schutzraum + 4 x. Die Mindestbreite von Querformaten beträgt Logobreite inklusive Schutzraum + 4 x Anwendungen Je nach Anwendung kann situationsbezogen die Variante Hoch- oder Querformat eingesetzt werden. x x 4 x 10/34

11 Logo Artwork-Vorlagen Das TCS Logo wird immer positiv verwendet, weil das Logo immer auf Gelb bzw. Weiss steht. Artwork Farbig mit Markenplattform Farbig auf gelben Hintergrund Farbig auf gelbem Hintergrund Graustufen Strich Silber Hochformat Querformat Sämtliche Dateien können auf bezogen werden. Anwendungen Briefschaften Alle farbigen Anwendungen Alle farbigen Anwendungen Office-Templates auf nicht vorgedruckten Briefschaften, Schwarz-Weiss-Inserate Fax, Merchandising Kaderfahrzeuge und Aufkleber Pantone CMYK Diese Vorlage wird nur für vorgedruckte Briefschaften verwendet. Die Datei steht deshalb nicht zum download zur Verfügung. File EPS TCS_Logo_4c_yellow_Hoch.eps File EPS TCS_Logo_4c_yellow_Quer.eps File PSD TCS_Logo_CMYK_Silber.psd RGB File PNG TCS_Logo_RGB_yellow_Hoch.png File PNG TCS_Logo_RGB_yellow_Quer.png File PSD TCS_Logo_print_1c.psd File PNG TCS_Logo_1c_Strich.png Graustufe File PNG TCS_Logo_1c_RGB.png File EPS TCS_Logo_1c_Strich.eps 11/34

12 Farben Definitionen und Anwendungen Gelb ist die Bühne, auf der immer das Logo platziert wird. Auf Gelb wird auch alles Weitere kommuniziert. Die weiteren Gestaltungsfarben werden zurückhaltend und nur für bestimmte Zwecke eingesetzt: TCS Sekundärfarbe ist Blau und dient zur Strukturierung von Diagrammen und Organigrammen. TCS Signalfarbe ist Purpur und wird nur für Störer eingesetzt. Farbdefinition TCS Gelb Schwarz TCS Signalfarbe Purpur TCS Sekundärfarbe Blau Weiss CMYK 0/5/100/0 CMYK 0/0/0/100 CMYK 0/100/50/0 CMYK 40/0/5/0 CMYK 0/0/0/0 Pantone 109 C Pantone Pantone 1925 C Pantone Pantone RGB 255/235/0 RGB 0/0/0 RGB 229/0/81 RGB 162/217/240 RGB 255/255/255 Hexa #ffeb00 Hexa # Hexa #e3004f Hexa #a3d9ec Hexa #ffffff NCS S 0580-Y NCS S 9000-N NCS S1070-R10B NCS NCS S 0300-N RAL 1021 RAL 9005 RAL RAL _ RAL 9003 Folie 3M Scotchcal Opaque Film Folie 3M Scotchcal Opaque Film Folie 3M Scotchcal Opaque Film Folie Folie 3M Scotchcal Opaque Film Anwendungen TCS Gelb bildet als Primärfarbe die Markenbühne für das TCS Logo. Schwarz wird grundsätzlich für alle Schriften und Linien verwendet. TCS Signalfarbe wird nur für Störer verwendet. TCS Blau wird zur Strukturierung von Organigrammen und Diagrammen verwendet. Weiss wird nur dann für Schrift und Linien verwendet, wenn die Lesbarkeit durch dunklen Bildhintergrund nicht gewährleistet ist. Rasterung Rasterung in 20 %-Stufen möglich Rasterung in 20 %-Stufen möglich Aufrasterung nicht möglich Rasterung in 20 %-Stufen möglich 80 % 60 % 40 % 20 % 80 % 60 % 40 % 20 % 80 % 60 % 40 % 20 % 12/34

13 Typografie Anwendungen und Schrifteinstellungen Zwei Schriften derselben Schriftfamilie sind für die typografische Gestaltung aller Kommunikationsmittel bestimmt: Museo Slab und Museo Sans beide jeweils in den Schnitten fett (700) und leicht (300), wobei Museo Slab nur für Produktbezeichnungen, Headlines, Titel und Leadtexte verwendet wird und Museo Sans ausschliesslich als Laufschrift. Museo Slab 300 Lorem est dolor Museo Slab 700 Lorem est dolor Die TCS Schriften werden immer mit den hier definierten typografischen Parametern gesetzt und in Schwarz oder Weiss angewendet. Anwendung Zeilenabstand Headlines, Titel, Produktbezeichnung und Leadtexte Gleiche Grösse wie Schriftgrösse Anwendung Zeilenabstand Auszeichnungen in Headlines und Titel Gleiche Grösse wie Schriftgrösse Für Online- oder Office-Anwendungen kommt die Systemschrift Verdana zum Einsatz. Die Schrift Museo kann hier bezogen werden: Laufweite 0 (InDesign) Kerning Optisch (InDesign) Ausrichtung Linksbündig Wortabstand 95 % Optischer Randausgleich Schriftgrösse (InDesign) Laufweite 10 (InDesign) Kerning Optisch (InDesign) Ausrichtung Linksbündig Wortabstand 80 % Optischer Randausgleich Schriftgrösse (InDesign) Museo Sans 300. Evente utaos eliqui accus eiure volenis es exerum fuga. Itas autempor seribeatur ratia vent quiam Museo Sans 700. Evente utaos eliqui accus eiure volenis es exerum fuga. Itas autempor seribeatur ratia vent quiam Anwendung Lauftexte, Bildunterschriften und Copytext Anwendung Auszeichnungen und Untertitel im Lauftext Zeilenabstand Schriftgrösse 1,2 Zeilenabstand Schriftgrösse 1,2 Laufweite 10 (InDesign) Laufweite 10 (InDesign) Kerning Optisch (InDesign) Kerning Optisch (InDesign) Ausrichtung Linksbündig und Blocksatz Ausrichtung Linksbündig und Blocksatz Wortabstand 90 % optimal (InDesign) Wortabstand 90 % optimal (InDesign) Optischer Randausgleich Optischer Randausgleich 13/34

14 Typografie Nomenklatur Die erklärende Ergänzung «Touring Club Schweiz» ist bei der starken und gut etablierten Marke TCS nicht mehr nötig. Deshalb gibt es zwei Varianten: «Logo + Standort/Service» «Akronym + Standort/Service» Der Einsatz der beiden Varianten ist geregelt (siehe Seite 19). Kombination «Logo + Standort/Service» Service Center Kombination «Akronym + Standort/Service» TCS Service Center Kombination «Logo + Standort/Service» Kombination «Akronym + Standort/Service» Sektion St. Gallen Prüfstelle TCS Sektion St. Gallen Prüfstelle Nicht gestattet: «Logo + Produktbezeichnung/Geschäftsfeld» ETI Schutzbrief Mobilitätsberatung 14/34

15 Bildwelt/-sprache Die TCS Bilder zeigen den Mobilitätsalltag der Mitglieder nah, unverfälscht und direkt. Die Bilder stehen für eine sorgenfreie Mobilität im Alltag, im Urlaub und in der Freizeit. Im Mittelpunkt steht das Mitglied. Der Betrachter ist immer mittendrin und Teil dieses Moments. Ziel aller TCS Bilder ist, die Glaubwürdigkeit der Situation zu vermitteln und die folgenden vier Markenwerte zu transportieren: mobil leidenschaftlich nah sorgenfrei Zu beachten sind folgende Punkte: Es sind immer Menschen abgebildet Natürliches Licht oder frontaler Blitz Eventuell Gegenlichtaufnahmen Leichte Über- oder Unterbelichtung Eventuelle Spiegelungen des Fotografen im Bild Leichte Unschärfe oder Bewegungsunschärfe Zufällig wirkende Bildausschnitte 15/34

16 Layout Grundprinzip Das Layoutprinzip sieht eine Variante ohne und eine mit Bild vor: Layouts ohne Bild Layout ohne Bild; Headline und Copytext auf Gelb Layout ohne Bild; Headline auf Gelb Layouts mit Bild Layout mit Bild; Headline auf Gelb Layout mit Bild; Headline und Copytext auf Gelb Layout mit Headline auf Bild Layout mit Headline auf Bild; Copytext auf Gelb Keine Weiterfahrt bei der Anfahrt? Or augiat. Hendrer sent ip esed ero con enibh et lutat lum zrit lor aliquat. Ut lutetum ing euipit accumsan henis del iriure ea consequis adipit venit consequa.ovideruption nosa seruntiumqui occus que landuntibus, occaborios sunduntur ate elestes de lis sedi te porem aut enda. Layout ohne Bild; Headline und Copytext auf Gelb Keine Weiterfahrt bei der Anfahrt? Layout ohne Bild; Headline auf Gelb Lorem Ipsum. TCS Produktbezeichnung Lorem Ipsum. TCS Produktbezeichnung Museo Sans consequatem vel digna aut praesequat non ex ea adio delisisit vullam euisci te del digna feuissed dolutpat. Um quat core laore eumnit. Tum zzriliquat. Metuerciduis do odo do dolum dipsummy nosto od tat arilit alit dit lum nostiniat ute dolorer alis mod olobore minim nos aut laoreet lut landre dignim velenissenit veleum molor summod tatem amconsectet atue commodolor ip eum nissi evel essi blaorperat inniam core modolobo rtie esent iusciduisl et alisim verlac cum nonulluptat. Cip eu facillamilscon heniamet vel ipsumsa ndiatet doia mcore euguera esequat acillum daugit augait laore eum velendipit am zilis augiat. Uscidunt alissecte elitacineulci dunt nit vel iril ercipis nit diamcom moluptat. Tet ipsuscidunt am at illaam dolorper iuscilisl incilla feummy nullamet vendit nit del iure facil ipus cil ex euissequip euisis nummodlorem zzriureet iustrud min velenis neuilit veriusto odolore consequat. Ed tat nos estie feuisl irit praestiscil iniam dolor perilla feugue tat. Ed tat la conseunim venibh esed dolorper il derunt am, quis etuercil er suscido el iril ercipis nit diamcom moluptat. Tet ipsuscidunt am at illam dolorper iuscilisl Aque volo rio et mil expeliciate sam fuga. Lorem Ipsum. TCS Produktbezeichnung Lorem Ipsum. TCS Produktbezeichnung Museo Sans aut praesequat non ex ea adio delisisit vullam euisci te del digna feuissed dolutpat. Um quat core laore eumnit. Tum zzriliquat. Metuerciduis do odo do dolum dipsummy nosto od tat arilit alit dit lum nostiniat ute dolorer alis mod olobore minim nos aut laoreet lut landre dignim velenissenit veleum molor summod tatem amconsectet Dolor est Ipsum essi blaorperat inniam core modolobo rtie esent iusciduisl et alisim verlac cum nonulluptat. Cip eu facillamilscon heniamet vel ipsumsa ndiatet doia mcore euguera esequat acillum daugit augait laore eum velendipit am zilis augiat. Uscidunt alissecte elitacineulci dunt nit vel iril ercipis nit diamcom moluptat. Tet ipsuscidunt am at illaam dolorper iuscilisl incilla feummy Ver accum nonulluptat cil ex euissequip euisis nummodlorem zzriureet iustrud min velenis neuilit veriusto odolore consequat. Ed tat nos estie feuisl irit praestiscil iniam dolor perilla feugue tat. Ed tat la conseunim venibh esed dolorper il derunt am, quis etuercil er suscido el iril ercipis nit diamcom moluptat. Tet ipsuscidunt am at illam dolorper iuscilisl Aque volo rio et mil expeliciate sam fuga. Layout mit Bild; Headline auf Gelb Layout mit Bild; Headline und Copytext auf Gelb Layout mit Headline auf Bild Layout mit Headline auf Bild; Copytext auf Gelb 16/34

17 Layout Konstruktion des Satzspiegels Das TCS Logo wird immer oben links mit einem Schutzraum positioniert. x 2 x Satzspiegel ist auf 3 Seiten Typo- und Bildrand. Logoschutzlinie Bei Querformaten wird die überstehende Fläche der Schräge abgeschnitten. Der Schutzraum (x) beträgt die Hälfte der Logobreite (2 x) und definiert gleichzeitig den Satzspiegel. Innerhalb dieses Satzspiegels werden Kommunikationsfenster und Text platziert. Bilder erscheinen innerhalb des Kommunikationsfensters mit dem dynamisch schrägen Rand, der von links nach rechts in einer 8 -Steigung verläuft. x x 8 = Neigung DIN-Formate Die Grössenangaben für das TCS Logo beziehen sich immer auf die Logobreite. Für die DIN-Formate sind folgende Breiten und Randabstände vorgegeben: Format (mm) Logobreite (2 x) Randabstand (x) A0 ( ) 84 mm 42 mm A1 ( ) 60 mm 30 mm A2 ( ) 42 mm 21 mm A3 ( ) 30 mm 15 mm A4 ( ) 22 mm 11 mm Die Höhe des Kommunikationsfensters kann variieren. Headlines und/oder Copytext werden/wird vom unteren Seitenrand her aufgebaut. A5 ( ) 15 mm 7,5 mm A6 ( ) 12 mm 6 mm A7 (74 105) 11 mm 5,5 mm Visitenkarte (55 85) 10 mm 4,5 mm Das TCS Logo darf nicht kleiner als 10 mm gesetzt werden. x 17/34

18 Layout Platzierung von Text und Bild im Satzspiegel Wenn der Text auf Gelb steht, wird er innerhalb des Satzspiegels platziert. Wenn der Text auf einem Bild steht, hält der Text einen Abstand zum Bildrand. Links und rechts beträgt der Abstand «0,5 x». Unten beträgt der Abstand «0,75 x». Der Text wird in beiden Fällen immer von unten her aufgebaut. Bei der Variante «Typografie auf Bild» ist es von Vorteil, wenn der Satz von unten und links angeschlagen ist. Wenn das vom Bild her nicht möglich ist, kann er in der Höhe variieren, nicht aber am seitlichen Abstand, der immer links angeschlagen sein muss. Satzspiegel ist auf 3 Seiten Typo- und Bildrand. Satzspiegel ist auf 3 Seiten Bildrand. Wenn Typografie auf Bild platziert wird, ist der Abstand zum Satzspiegel 0,5 x. 0,75 x x Lorem Ipsum. TCS Produktbezeichnung Lorem Ipsum. TCS Produktbezeichnung 0,75 x x x 0,5 x Typografie auf Gelb Typografie auf Bild 18/34

19 Layout Produktkommunikation Headlines oder Titel sollten immer die Produktbezeichnung beinhalten. Es gibt drei Möglichkeiten, wie die Produktbezeichnungen in die Headline integriert werden: Produktbezeichnung im Satz Produktbezeichnung im 2. Satz (Produkt betont) Produktbezeichnung im 2. Satz (Kommunikation betont) Hendrer sent ipo esed TCS Produktbezeichnung Hendrer sent ip esed ero enibh est? TCS Produktbezeichnung Hendrer sent ip esed ero con enibh et lutat? TCS Produktbezeichnung Produktbezeichnung im Satz Produktbezeichnung im 2. Satz (Produkt betont) Produktbezeichnung im 2. Satz (Kommunikation betont) 19/34

20 Layout Layout-Aufschlüsselung Logo Gestaltungselemente Typografie Logo Logo und Markenplattform Hintergrundfläche gelb Bild Produktbezeichnung Museo Slab TCS Reisen TCS Service Center Headline Museo Slab Keine Weiterfahrt bei der Anfahrt? Copytext Museo Sans Lorem Ipsum Ud et la consctem quat elis dit wis auguero consquat. Duismodio Lauftexte bei Onlineanwendungen, Lauftexte und Titel bei Officeanwendungen Verdana elis dit wis auero consquat. Duismodio Signage Patrouille Fahrzeug ab 2013 Patrouille Bekleidung ab 2013 x x x x x x Standort x x x Kommunikation National Produktflyer x x Optional x x Banner (Online) x x Optional (ohne Schräge) x x Landing page x Optional Optional x x Plakat x x Optional x x Anzeigen x x Optional x x Website x Optional Optional (ohne Schräge) x x (Lauftext) Newsletter x Optional Optional (ohne Schräge) x x Mitgliederkarte x x Sektionen Eventkommunikation x x x x x x Website x Optional Optional (ohne Schräge) x x (Lauftext) Newsletter x Optional x x x Briefschaften x x PowerPoint Titel- und Zwischenseiten x x Optional x x Innenseiten x Optional x 20/34

21 Layout Verhalten in elektronischen Medien Bei den elektronischen Medien gibt es in einigen Punkten Abweichungen von den Printanwendungen. Diese wesentlichen Punkte werden hier kurz angesprochen. Typografie Bei den elektronischen Medien soll Museo Slab nur in den Headlines und der Navigation verwendet werden. Aus praktikablen Gründen wird im Lauftext Verdana verwendet. Bilder Auf elektronischen Medien werden keine abgeschrägten Bilder verwendet. Linien Werden nach den Regeln auf Seite 23 erstellt. Layout Die Website ist im Browserfenster immer zentriert und hat einen gelben Hintergrund. 0,75 x 0,75 x Das Logo ist immer oben links. Titel, Headlines und Navigation sind immer in Museo Slab gesetzt. Mindestgrösse ist 16 Pt. Links werden unterstrichen. 21/34

22 Zusatzelemente Klare Zeichen für mehr Konsistenz

23 Zusatzelemente Störer Der Störer dient zur Hervorhebung von Kaufaufforderungen oder speziellen Aktionen. Störer Grundform Typografie Platzierung im Format mit Bild; innerhalb der blauen Linien Er ist immer in der TCS Signalfarbe zu setzen. Die genaue Farbspezifikation ist auf Seite 10 zu finden. Für TCS Mitglieder jährlich ab CHF 75.! Die Farbe des Textes ist immer Weiss. Zudem ist der Text immer horizontal und vertikal zentriert. Die Schriftgrössen und Textmengen sind variabel. Für TCS Mitglieder jährlich ab CHF 75.! Für TCS Mitglieder jährlich ab CHF 75. *! 8 = Neigung Lorem Ipsum. TCS Produktbezeichnung Die Grundform kann beliebig skaliert werden, immer in denselben Proportionen. Die Farbe des TCS Störers ist immer TCS Signalfarbe (0/100/50/0). Der Störer steht als Illustrator-File auf dem TCS Brandportal zur Verfügung. Die Typografie ist immer Weiss auf TCS Signalfarbe. Die Ausrichtung der Typografie ist horizontal und vertikal zentriert. Damit die Proportionen gewährleistet sind, ist der innere Abstand zum Rahmen der 15. Teil des Durchmessers. Die Typografie hat eine Neigung von 8. Durchmesser/15, also zum Beispiel 60 mm /15 = 4 mm. Museo Sans consequatem vel digna atue commodolor ip eum nissi evel nullamet vendit nit del iure facil ipus aut praesequat non ex ea adio delisisit essi blaorperat inniam core modolobo cil ex euissequip euisis nummodlorem vullam euisci te del digna feuissed rtie esent iusciduisl et alisim verlac zzriureet iustrud min velenis neuilit dolutpat. Um quat core laore eumnit. cum nonulluptat. Cip eu facillamilscon veriusto odolore consequat. Ed tat nos heniamet vel ipsumsa ndiatet doia estie feuisl irit praestiscil iniam dolor Tum zzriliquat. Metuerciduis do odo mcore euguera esequat acillum daugit perilla feugue tat. Ed tat la conseunim do dolum dipsummy nosto od tat arilit augait laore eum velendipit am zilis venibh esed dolorper il derunt am, alit dit lum nostiniat ute dolorer alis augiat. Uscidunt alissecte elitacineulci quis etuercil er suscido el iril ercipis nit mod olobore minim nos aut laoreet lut dunt nit vel iril ercipis nit diamcom diamcom moluptat. Tet ipsuscidunt landre dignim velenissenit veleum moluptat. Tet ipsuscidunt am at illaam am at illam dolorper iuscilisl Aque volo molor summod tatem amconsectet dolorper iuscilisl incilla feummy rio et mil expeliciate sam fuga. Der runde Textrahmen hat dieselbe Grösse wie der TCS Störer. Dieser wird immer kongruent auf die Grundform gelegt. Beispiel mit unterschiedlichen Schriftgrössen Beispiel mit viel Text TCS Produktbezeichnung Ipsa volore et eictest eveni duciunt Nos lore ipit est uritecume esil ipsa volore et eictest eveniduciunt, volupitatus dionemp 23/34

24 Zusatzelemente Linien in der Typografie Zur Strukturierung von Texten oder Konstruktion von Tabellen werden ausschliesslich horizontale Linien eingesetzt. Diese sind entweder durchgezogen oder gestrichelt. Vertikale Linien oder Kästen werden nicht eingesetzt. Gestrichelte oder durchgezogene Linie? Wenn keine Strukturierung in der Hierarchie benötigt wird oder sie klar ersichtlich ist, werden gestrichelte Linien eingesetzt. Wenn eine Differenzierung gebraucht wird, können durchgezogene Linien zum Einsatz kommen. Gelbe Fläche als Verstärkung Zur inhaltlichen und visuellen Verstärkung können gelbe Flächen zwischen die Linien gesetzt werden. Sie sind immer im Hintergrund und nur in Kombination mit Linien zu verwenden. Linienzwischenraum: Drei Versalhöhen Falls diese Lösung zu viel Platz in Anspruch nimmt, kann auch eine Variante mit zwei Versalhöhen angewendet werden. Eine Zeile mit Linien oben und unten Absatzlinie darüber Linienstärke Linienart Breite 0,5 Pt (Die Linienstärke pro Seite wird einmal definiert; es soll nicht verschiede Linienstärken auf derselben Seite geben.) Gestrichelt (3 und 2) oder durchgezogen Spalte Versatz Schriftgrösse in Pt 1,45 (zum Beispiel 10 Pt 1,45 = 5,115 mm) Immer Punkteinheit nach Schriftgrösse angeben. Abstand davor Der Abstand der beiden Linien beträgt drei «M»-Höhen. «M» steht für die Versalhöhe. Schriftgrösse in Pt M Linienzwischenraum: Zwei Versalhöhen Diese Anwendung wird nur für Tabellen verwendet oder bei platzkritischen Medien. Eine Zeile mit Linien oben und unten Absatzlinie darüber Linienstärke Linienart Breite Versatz 0,5 Pt (Die Linienstärke pro Seite wird einmal definiert; es soll nicht verschiede Linienstärken auf derselben Seite geben.) Gestrichelt (3 und 2) oder durchgezogen Spalte Der Abstand der beiden Linien beträgt zwei «M»-Höhen. Schriftgrösse in Pt Immer Punkteinheit nach Schriftgrösse angeben. Abstand davor Schriftgrösse in Pt 0,25 (zum Beispiel 10 Pt 0,25 = 0,882 mm) M Diese Angaben sind auf alle typografischen Spezifikationen anwendbar, die einen Zeilenabstand von «1,2» haben. Nicht zu verwenden sind diese Linien bei Headlines auf Titelseiten. Diese Angaben sind auf alle typografischen Spezifikationen anwendbar, die einen Zeilenabstand von «1,2» haben. Nicht zu verwenden sind diese Linien bei Headlines auf Titelseiten. Beispiele Beispiele Eliquatur? Cae venihilis magnihit etur aboriost evelibust et expedior magnamus modit pro corr. Cae venihilis magnihit Hagohpatur? Cae venihilis magnihit etur Hagohpatur evelibust et expedior magnamus aboriost evelibust et expedior magnamus Gelbe Fläche als Verstärkung Gelbe Flächen können zwischen zwei oder mehr Linien gesetzt werden. Die Fläche wird auf der Innenseite der Linie angeschlagen, sodass die äussere Linie keine gelben Zwischenräume hat. Eliquatur? Cae venihilis magnihit etur aboriost evelibust et expedior magnamus modit pro corr. Cae venihilis magnihit Was zu beachten ist: Wenn die Fläche eingesetzt wird, muss die Typografie 1 mm vom linken und rechten Rand einrücken. Hagohpatur? Cae venihilis magnihit etur Hagohpatur evelibust et expedior magnamus aborimodit pro Cae venihilis magnihit 24/34

25 Zusatzelemente Organigramm- und Diagrammsprache Organigramme Organigramme bestehen aus Linien, denen die Regeln auf Seite 23 zugrunde liegen. Zudem können gewisse Bereiche farbig (TCS Sekundärfarbe Blau, Schwarz und TCS Gelb) hinterlegt werden. Beispiel Finanzen & Immobilien Hans Muster Diagramme Im Wesentlichen sind alle Arten von Diagrammen zugelassen. Es ist zu beachten, dass ein durchgängiger Stil angewendet wird. Dieser besteht im Wesentlichen aus zwei Merkmalen: Die TCS Farben für Diagramme: TCS Sekundärfarbe Blau, Schwarz und TCS Gelb. Alle können als Vollton oder in 20 %-Abstufungen verwendet werden. In den Diagrammen werden nur Flächen ohne Kontur verwendet, sodass sich die Grafik von der Typografie differenzieren kann. Finanzen & Immobilien Hans Muster Finanzen & Immobilien Hans Muster Finanzen & Immobilien Hans Muster Stv. Finanzen & Immobilien Hans Muster Assistent Hans Muster Finanzen & Immobilien Hans Muster Finanzen & Immobilien Hans Muster Stv. Finanzen & Immobilien Hans Muster Beispiel 10% Wachstumsrate Automobile 25% Wachstumsrate Automobile 3 % Wachstumsrate Automobile 17% Wachstumsrate Automobile 45% Wachstumsrate Automobile 25/34

26 Zusatzelemente Illustrationssprache Im neuen TCS Logo spielen Licht und Schatten eine wichtige Rolle. Dieses Spiel wird in der Illustrationssprache wieder aufgenommen. Ausgangslage TCS Strich Logo Illustration Anwendung auf gelbem Hintergrund Die Illustrationssprache des TCS ist realitätsnah. Die Illustrationen können auf Weiss, Gelb oder Blau stehen. Spiegelungen Schatten leicht Schlagschatten Weicher Schatten 26/34

27 Zusatzelemente Quality-Label Das TCS Quality-Label dient zur Auszeichnung von TCS geprüften oder bewerteten Artikeln. Diese Labels dürfen auch nur auf solchen Artikeln eingesetzt werden. Das TCS Quality-Label gibt es in drei Ausführungen. Das System ist additiv und bietet je nach Bedarf die Möglichkeit, Informationen zum geprüften Produkt hinzuzufügen. Logo auf Markenplattform und Label mit «Geprüft»-Kennzeichnung Logo auf Markenplattform und Label mit «Geprüft»-Kennzeichnung sowie Bewertung (Bestnote: fünf Sterne) Logo auf Markenplattform und Label mit «Geprüft»-Kennzeichnung, Bewertung und Kommunikationsplattform Römer Kid Plus Gewichtsklasse 15 bis 36 kg (II + III) Validé Geprüft Testato Validé Geprüft Testato Validé Geprüft Testato Gut 30 Kindersitze im Test 06/2011 Label mit «Entwickelt»-Kennzeichnung Développé Entwickelt Potenziato Label mit «Exklusiv»-Kennzeichnung Exclusif Exklusiv Esclusivo 27/34