Styleguide Corporate Design

Transkript

1 Styleguide Corporate Design manteufel pakorax

2 pakorax Einleitung Corporate Design bei manteufel Das Erscheinungsbild soll dazu beitragen, pakorax auf allen Plattformen als Marke zu etblierenund wieder zu erkennen. Das Design verfolgt die visuelle Strategie, das Unternehmen als Marke und seine Projekte und Produkte zu begreifen. Der Wiedererkennungswert ist insbesondere auf dem komplexen Markt der Informationstechnologie ein wichtiger Parameter für Differenzierung, Orientierung und Vertrauensbildung zwischen Kunde und Unternehmen. Das neu entwickelte Corporate Design trägt dazu bei, mit einer klaren Formensprache durch die Angebote und Leistungen des Unternehmens zu führen. Es gewährleistet aber auch, sich durch eine generische Basis und damit einer Flexibilität an kommende Veränderungen anpassen zu können. Dabei galt es, die Balance zwischen den Grundbausteinen und der gestalterischen Variabilität kommender Aufgaben zu wahren. Somit ist auch in Zukunft eine Identität zwischen den Teilen und Produkten des Unternehmens und dem Markt gegeben. Der nachfolgende Styleguide bietet einen Überblick über die wesentlichen Bestandteile des Unternehmensauftrittes in den Bereichen Online, Print und Media. Er dient als Regelwerk für die Gestaltung des gesamtunternehmerischen Auftritts. Bei Fragen zu konzeptionellen oder produktiven Aspekten der dargestellten Anwendungen wenden Sie sich gerne an uns. Michael Piontek Inhaber webdesign & more findwerk 2

3 pakorax Styleguide Inhalt Inhalt Die wichtigsten Regeln... 5 Logo und Dachmarke... 6 Farben des Logos und Verwendung... 8 Die Hausschrift und die verwendeten Schriftschnitte Die Farben

4 pakorax Styleguide Basis 4

5 Die wichtigsten Regeln Die hier aufgzeigten Richtlinien sollen dazu beitragen, in allen kommunikativen Ausdrucksformen des Unternehmens ein einheitliches visuelles Bild zu erreichen. Ziel des Styleguides ist es, die Zusammenarbeit mit externen Partnern über den Wiedererkennungswert zu vereinfachen und eine Corporate Identity aufzubauen. Der Styleguide zeigt eine Richtung und dokumentiert die Elemente eines einheitlichen Corporate Design. Verantwortungsvolle gestalterische Arbeit kann er allerdings nicht ersetzen. Der erfolgreiche Umgang mit den Guideline setzt bei den arbeitenden Gestaltern Kreativität und Erfahrung voraus. Für einen angemessenen Umgang mit den gestalterischen Grundelementen sind die nebenstehenden übergreifenden Gestaltungsregeln zu beachten. Nur das offizielle Logo verwenden In alen Medien ist die Standardversion des Logos zu verwenden. Formale Änderungen oder die Verwendung von Logobestandteilen sind nur im gestalterischen Kontext zulässig und bedürfen der Freigabe. Die Marke immer mit dem Hauslogo zusammen verwenden Insoweit es sich um einen eigenständigen Auftritt handelt sit die Verwendung als eigene Marke zulässig. Sobald ein Kontext zur Hausmarke inhaltlich oder visuell hergestellt wird ist das Logo der Hausmarke in direkten textuellen und grafischen Zusammenhang zu bringen. Subbrands aus der Hausschrift Bei der Gestaltung von Subbrands und Logos für weitere Unternehmensbereiche prägen typografische Elemente der Hausschrift entscheidend das System der Marke. Daher ist nur in Ausnahmefällen die Mischung mit anderen Schriften gestattet. Alle Texte werden aus der Hausschrift gesetzt Um ein einheitliches Erscheinungsbild sicher zu stellen, ist der konsequente Einsatz der Hauschrift in allen medialen Bereichen notwendig. Nicht zuletzt wird das Erscheinungsbild des Logos und der Kommunikatiosnwege und damit des Unternehmens durch Form, Farbe und insbesondere der Schrift definiert und transportiert. Schriftfarben nur in schwarz, weiß oder grau Durch den Einsatz einer klaren und kontrastreichen Schriftfarbe wird die Durchgängigkeit und optimale Lesbarkeit des typografischen Auftritts optimiert. Die verwendeten Primär-und Sekundärfarben bilden hier die Basis des Auftritts. Primärfarben treten nur akzentuiert auf Eine übermäßige Präsenz der Farbtöne Gelb und Rot sollten wegen Ihrer starken Auffälligkeit vermieden werden. Aufgrund dessen wurde der Anteil im Verhältnis zum Grau/Schwarzanteil im Logo reduziert. Entsprechend ist auch in den anderen Kommunikatioswegen zu verfahren. 5

6 Logo und Dachmarke Das Logo ist in der vielfältigen Landschaft der Informationstechnologie für den Kunden ein wichtiges Orientierungsmerkmal. Das Unternehmen wird in erster Linie über das Logo identifiziert, wobei es kaum eine Rolle spielt, auf welcher Plattform und in welcher Darstellungsform. Das Signet verbindet die beim Kunden verankerte Farblichkeit des Hauslogos für das Logo der pakorax. Daraus ergibt sich zum einen der Orientierungspunkt über die Hausmarke zum anderen eine visuelle Nähe. Dachmarke Mit dem Logo der Dachmarke manteufel ist bereits eine Identifikation geschaffen worden. Klar steht der Name neben dem Kacheln für die diversen Bereiche des Unternehmens. 6

7 Verwandschaftsgrade des Logos derpakorax Über die Farbtreue ergibt sich eine farbliche Verwandschaft zur Hausmarke. Beim Logo der pakorax wurde aber bewusst auf eine stilistische Anlehnung verzichtet. Daraus resultiert unter anderem ein Aufbrechen der Dimension als auch eine Verwendung einer anderen Schriftart. Für das Logo der pakorax sollten die Farben der Hausmarke aufgeriffen werden. Aufgrund der vielen dort verwendeten Primärfarben wurde das Spektrum reduziert auf zwei Farbund zwei Grautöne. Diese gewählten Töne sind kompatibel mit anderen Tönen wie Blau und grün und lassen sich insbesondere gut in den medialen Auftritten verwenden. pakorax 7

8 Farben des Logos und Verwendung Farbige Umsetzung Die Umsetzung als Farblogo erfolgt in allen Medien, die dies auch so darstellen können. Der Untergrund ist dafür weiß zu gestalten pakorax Umsetzung in Graustufen Die Nutzung als Graustufen-Logo ist in allen einfarbigen Medien zu verwenden, in den Halbtöne dargestellt werden können. Eine weitere Nutzung ist ein Logo-Slider, bei dem die inaktiven Logos grau, die aktiven Logos (mit einem hover-effekt) farbig dargestellt werden. Umsetzung hier als 100% schwarz auf weißem Hintergrund Umsetzung Schwarz / Weiß (Vollton) Diese Darstellung ist nur in einfarbigen Medien gestattet. Als Beispiel wäre hier eine Prägung oder Stanzung. Dazu muss eine speziell angepasste Version des Logos verwendet werden - eine monochrome Version ist aufgrund der geringen Farbabstufungen innerhalb des symbolischen Teils des Logos nicht möglich. 8

9 Inverse Umsetzung des Volltons Diese Anwendung ist nur unter Ausnahmefällen gestattet, beispielsweise als weißes Logo auf einem kontraststarkem Hintergrund. Diese Ausnahme ist individuell mit der Geschäftsleitung abzusprechen und umzusetzen. Auch hier ist die Basis eine speziell erstellte Version des Logos. pakorax Unzulässige Variationen Jedliche anderen Variationen sind unzulässig. Als Beispiele unzulässiger Variationen sollten genannt werden: * kontrastarme Untergründe wie grau oder Rotton * Farben abweichend von den definierten (Abweichungen derart sind für spätere Subbrands denkbar) * undefinierte Hintergründe, die den Kontrast des Logos stark verringern 9

10 Die Hausschrift und die verwendeten Schriftschnitte Zur Verwendung innerhalb des Logos Bebas Neue Mit der durchgängigen Nutzung einer Schriftfamilie im Sinn eines einheitliches Erscheinungsbildes erzielen wir Kontinuität und Wiedererkennbarkeit des Markenbildes des Unternehmens. Dies gilt über alle Kommunikationskanäle hinweg. Schriftschnitte Logo Für das logo wird der Schnitt Regular verwendet. Nur dieser ist zulässig. Open Sans Auf der Online-Präsentation kommt die Schriftart Open Sans zum Einsatz Zur Verwendung bei Überschriften Open Sans Semibold ABCDEabcde123 Zur Verwendung bei Standardtextblöcken Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo 10

11 Die Farben Primärfarben Gelb RGB: #F6AA42 CMYK: Rot RGB: #BF0C1D CMYK: Hellgrau RGB: #C6C6C6 CMYK: Grau RGB: #9E9E9E CMYK: # Sekundärfarben Des weiteren sind als Farben schwarz und weiß zulässig 11