Superteaser

Die Komponente Superteaser ist immer ganz oben auf der Seite verortet. Sie bildet den Einstieg in die folgenden Inhalte für die Nutzer. Haupsächlich besteht der Superteaser aus einem Bild, der Markenform und einer Überschrift für die Seite. Zusätzlich kann man auch Verlinkungen, einen Subtitel und einen Claim einfügen, sowie statt einem statischen Bild ein Bewegtbild verwenden. Der Superteaser kann sehr variabel gestaltet werden und unterscheidet sich daher in seiner Größe und seinem Aussehen. Je nach Seitentyp ist der Superteaser sehr präsent oder ganz minimalistisch.

Kombinieren kann man den Superteaser aus den Höhen L, M und S, mit den Textpositionen links mittig/unten und rechts mittig, sowie mit der Markenform in UI-Blau oder Weiß, entweder hinter dem Text oder hinter dem Claim. Die unten dargestellten Varianten sind nur eine Auswahl und bilden nicht alle Kombinationsmöglichkeiten ab.

1. Variante: Höhe L, Textposition links mittig, Markenform hinter dem Text. Diese Variante des Superteasers nimmt den meisten Platz ein und kann den Einstieg in ganze Seitenbereiche oder auf Startseiten bilden. Er sollte daher nur bei besonders hervorzuhebenden Seiten eingesetzt werden.

2. Variante: Höhe M, Textposition links unten, Markenform hinter dem Text. Diese Variante des Superteasers zeigt eine schmälere Version mit der Markenform am unteren Bildrand sitzend. Sie eignet sich zur Einführung eines bestimmten Themas auf Unterseiten.

3. Variante: Höhe M, Textposition links mittig, Markenform hinter dem Claim. Diese Variante zeigt eine Version des Superteasers ohne Markenform hinter der Überschrift und mit reduzierter Höhe. Hier wird der Claim durch die Markenform besonders hervorgehoben.

4. Variante: Höhe M, Textposition links mittig, Markenform hinter dem Text. Diese Variante des Superteasers ist ebenfalls in der Höhe reduzierter. In diesem Fall wird statt des Claims (siehe oben) die Überschrift, sowie Subtitel und Verlinkung hervorgehoben.

5. Variante: Höhe S, Textposition links mittig, ohne Markenform. In dieser Variante wurde die Höhe maximal reduziert. Dieser Superteaser ohne Markenform darf nur auf Unterseiten eingesetzt werden. Auf Startseiten ist immer eine Variante mit Markenform zu nutzen.