Design System

Um ein harmonisches Marken-Gesamtbild zu kreieren, das systematisch über sämtliche Werbemittel fortgesetzt wird, helfen gestalterische Grundregeln. Ausgangsbasis dafür ist ein Spaltenraster, das dem Design sein System verleiht.

Grundprinzip Kopieren Sie den Link zu diesem Element

Grundsätzlich setzt sich die Gestaltung der Werbemittel über die Kanäle hinweg aus Pflichtelementen zusammen: Bildlich trifft ein emotionales Bild auf eines, das dieses Gefühl verortet. Textlich greift die Headline-Kombination die visuellen Eindrücke auf. Als roter Faden fungiert der Vibe als verbindendes Element. Dazu kommen das Logo und die URL, um den idealen Markenauftritt abzurunden.

Die Anzahl der Rasterspalten richtet sich nach dem Format. Sollte ein Format gewünscht werden, für das es keine Master-Vorlage gibt, kann man sich an einer Vorlage orientieren, die den neuen Verhältnissen am nächsten kommt. Fällt dadurch das Logo nicht in der richtigen Größe aus, muss die Spaltenanzahl dementsprechend angeglichen werden.

Logo Kopieren Sie den Link zu diesem Element

Um dem Logo Raum zum Wirken zu verschaffen, gibt es vordefinierte Abstände und Ausrichtungen.

Jedes Logo braucht seinen Raum. Seinen Weißraum, um genau zu sein. Der konkret definierte Safe Space gibt dem Logo den Freiraum, den es zum Wirken braucht.

Die Größe der Logo-Datei inklusive Safe Space beträgt immer 2 Spalten.

Mehr Erfahren

Lebensgefühl Kopieren Sie den Link zu diesem Element

Das Lebensgefühl ist untrennbar mit Österreich verbunden – diese Erkenntnis wird gestalterisch umgesetzt, indem das Wort „Lebensgefühl“ direkt an „Österreich“ geknüpft wird.

Den Lebensgefühl-Claim gibt es in zwei Anwendungen. Die umgebrochene Version ist für Hochformate vorgesehen, um den Platz ideal nutzen zu können.
Empfohlen wird die Variante mit rotem Schriftzug vorzuziehen. Bei ansonsten eingeschränkter Lesbarkeit (z.B. auf Naturkarton) kann auch die weiße Version eingesetzt werden.

URL Kopieren Sie den Link zu diesem Element

Die URL findet ihren Platz mit Blick auf die bereits vorgegebenen Elemente und deren Ausrichtung im Raster. Meist läuft sie entlang des Vibes.

Die URL darf auf der gesamten Formatbreite unter dem Vibe stehen. Der Safespace von 1,5 Flaggen zum Formatrand muss auch hier eingehalten werden.

Die URL ist ein Pfadtext mit Grundlinienversatz nach unten.
Der Abstand von Vibe zu URL entspricht der Höhe des „t“ aus dem URL-Schriftzug.
Damit die URL in Printprodukten nicht zu klein dargestellt wird, gibt es je nach Standard-Formatgröße folgenden Empfehlungen für die Schriftgrößen:

DIN A7: 7 pt
DIN A6: 8 pt
DIN A5: 9 pt
DIN A4: 10 pt

t = Abstand

Wenn das Logo rechts oben steht, ist die URL immer unterhalb des Vibes. Ist das Logo unten, steht die URL ausnahmsweise oberhalb des Vibes. Der Vibe fungiert somit immer als Trennlinie zwischen Logo und URL.

Headline-Kombi Kopieren Sie den Link zu diesem Element

Anstelle einer „konventionellen“ Headline tritt eine Headline-Kombi. Bestehend aus dem „Lebensgefühl“, dessen lautschriftlicher Übersetzung und einer Subline lehnt sich diese Kombination in Aufbau und Gestaltung an einen Wörterbucheintrag an. Es herrschen klare Hierarchien zwischen den Textelementen und damit verbundene Regeln, um durch und durch durchgängig zu bleiben.

Die Größe der Subline wird je nach Formatgröße gewählt, um eine gute Lesbarkeit zu gewährleisten. Daraus ergibt sich wiederum die Größe der Lautschrift.

Achtung: Die Lautschrift ist keine tippbare Schrift, sondern eine in Pfade umgewandelte Extra-Datei, die verknüpft werden muss.

Die Größe der Lautschrift-Klammer kann man mit Hilfe von zwei Zeilen der Subline festlegen (X-Höhe der 1. Zeile bis zur Grundlinie der 2. Zeile).

Damit die Subline in Printprodukten nicht zu klein dargestellt wird, sind für Standard-Formatgrößen folgende Schriftgrößen empfohlen:

DIN A7: 8 pt
DIN A6: 9 pt
DIN A5: 10 pt
DIN A4: 12 pt

Die Minuskel des Buchstabens „L“ aus der Lautschrift dient als Abstandsmaß zwischen den Textelementen: Einerseits ist es der Abstand von der Grundlinie des Lebensgefühls zur Versalhöhe der Lautschrift und andererseits von der Grundlinie der Lautschrift zur Subline.

Die Headline „Lebensgefühl“ wird immer mittelachsig gesetzt. Lautschrift sowie Subline immer linksbündig und ausgerichtet an den Spalten oder halben Spalten des Rasters.

Die Headline „Lebensgefühl“ kann in der Größe flexibel gesetzt werden, ohne dabei allerdings die äußersten beiden Spalten des Rasters zu überragen.
Bei kleineren Formaten (sechs Spalten oder weniger) darf die Headline nicht über die jeweils äußerste halbe Spalte ragen.

Bild-Text-Lesbarkeit Kopieren Sie den Link zu diesem Element

Da die Headline-Kombination in Rot gesetzt wird, muss verstärkt auf die Lesbarkeit geachtet werden. Dazu gibt es Orientierungspunkte und Gestaltungsmöglichkeiten, die jederzeit nachgelesen werden können.

Keine roten Hintergründe in den Bildern:
Bei Shootings an Styling und Ausstattung die Anweisung geben, die Rot- und Orangetöne in der Kleider- und Requisitenauswahl minimal zu halten.
Keine Mitteltöne:
Rote Schrift ist gut lesbar auf hellen und dunklen Tönen. Bei z.B. Grüntönen kann es schwierig werden.

Anwendungen Kopieren Sie den Link zu diesem Element

An sich gibt es sehr strukturierte Regeln für den jeweiligen Einsatz in Offline- und Onlinemedien. Von kleinen Bannerformaten bis zu Editorials bietet das Design System für jeden Fall eine Orientierungshilfe.

Dos & Don'ts Kopieren Sie den Link zu diesem Element

Sowohl Raster als auch vorgegebene Abstände, Verhältnismäßigkeiten und generelle Vorgaben helfen, Einheitlichkeit über alle Kommunikationskanäle zu sichern.