destination.teaserwall

für schnelle kompakte Informationen

Worum geht's?
Teaser bieten einen schnellen Überblick über Themen in Form kompakter, leicht verständlicher Informationshäppchen. Nutzer:innen können diese einfachen Inhalte mühelos und ohne großen kognitiven Aufwand schnell erfassen.

Gut zu wissen
In jedem der bis zu vier Teaser kannst du ein Icon oder Bild, einen Text und eine Überschrift einfügen, um die Informationen klar und ansprechend zu präsentieren. Zusätzlich kannst du für jeden Teaser ein individuelles Farbschema wählen, das zur visuellen Differenzierung beiträgt und das Nutzererlebnis verbessert. 
Achte darauf, dass die Farben harmonisch abgestimmt sind und die Lesbarkeit der Inhalte unterstützen.
Die Teaser passen sich automatisch und responsiv an den verfügbaren Platz an und werden ohne Zwischenräume angezeigt, um eine durchgehend nahtlose Präsentation zu gewährleisten.

Beispiel A: Teaserwall mit vier Teasern

Hier kann ein beliebiger redaktionell gepflegter Text stehen. Für die Textpflege stehen im TYPO3 diverse Formatierungen, z.B. auch die Verlinkung von Text, zur Verfügung.

Text und Bildteaser

Dieser Teaser ist nicht verlinkt. Als Farbschema wurde Dunkle Schrift auf hellem Hintergrund gewählt.

Als Farbschema für diesen Teaser wurde das Farbschema Conversion gewählt.

Text und Ikon Teaser

Als Farbschema für diesen Teaser wurde das Farbschema Helle Schrift auf dunklem Hintergrund gewählt.

Beispiel B: Teaserwall mit drei Teasern

Text und Bildteaser

Dieser Teaser ist nicht verlinkt. Als Farbschema wurde Helle Schrift auf dunklem Hintergrund gewählt.

Hier kann ein beliebiger redaktionell gepflegter Text stehen. Für die Textpflege stehen im TYPO3 diverse Formatierungen, z.B. auch die Verlinkung von Text, zur Verfügung.

Als Farbschema für diesen Teaser wurde das Farbschema Conversion gewählt.

Beispiel C: Teaserwall mit zwei Teasern

Text und Bildteaser

Dieser Teaser ist nicht verlinkt. Als Farbschema wurde Dunkle Schrift auf hellem Hintergrund gewählt.

Als Farbschema für diesen Teaser wurde das Farbschema Conversion gewählt.

Interesse an diesem Modul?