© Fotograf CopyrightNeu: 2.0

Teaser

Teaser immer im Rasterelement!

Teaser brauchen zur Platzierung ein Rasterelement, da sie immer so breit angezeigt werden wie Platz zur Verfügung steht.

Ideal sind die neuen Rastelemente: Teasercontainer 2.0 oder Slider-Container 2.0, welche die Steuerung des Umbruchs in verschiedenen Bildschirmgrößen erlauben. 

Beispiel: Die 3-spaltige Anordnung der nachfolgende Teaser 2.0 - Layout Card-Image wird durch ein Slider-Element mit der Einstellung Desktop 3 Element sichtbar / Tablet 2 / Mobil 1 erzeugt.

Element Teaser 2.0

Teaser 2.0 - Layout Card-Image (im Slider-Container)

Farbkombinationen Überschriften und Störer

Info
Info
Info
Info
Info
Info
Info
Info
Info
Info
Info
Info

Teaser 2.0 - Layout Card-Text (im Teaser-Container)

Teaser mit alles

Test mit allen Optionen :

  • Überschrift
  • Label
  • Labelfarbe
  • Link (ganze Bildfläche klickbar)
  • Bild (mit Copyright)
  • Text darunter

Button
© Dummyfotograph CC-BYStörer

Headline

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. 

NEU: Element Teaser 2.0 - Icon

Verschiedene neue Optionen im Angebot!

Icon-Teaser Headline

Variante: Icon neben Überschrift

Der Icon Teaser ist für kurze Textblöcke geeignet. Hier ein Test mit allen Optionen: Icon / Überschrift / Link / Text / Button

Button-Text

Icon-Teaser Headline

Variante hier: Icon neben Text

Der Icon Teaser ist für kurze Textblöcke geeignet. Mehrere nebeneinander sollten die gleiche Textmenge haben und Varianten sollten nicht gemischt werden.

Icon-teaser Headline

Variante: Icon über Text (zentriert)

Icon-Teaser Headline

Variante: Icon über Text (zentriert) mit Option: Bild als Icon verwenden / wird auf Icongröße skaliert

NEU: Element Teaser 100%

Wenn's mal etwas größer sein soll. Auch gut als Trenner auf One-Pagern geeignet. 

© Dummyfotograph CC-BYMit
Störer

100% Teaser
mit Hintergrundfarbe

© Dummyfotograph CC-BY
Mit Sprechblase

100% Teaser Headline

NEU: Teaser 2.0 - Instagram