---
title: "destination.teaserwall: Kompakte Infos visuell präsentiert"
url: "https://web.destination.one/destinationmodules-n-z/destinationteaserwall"
description: "Mit der Teaser-Wall präsentierst Du bis zu vier Inhalte kompakt und responsiv. Wähle Icons, Bilder und Farbschemata für eine klare, ansprechende Darstellung."
language: "de"
breadcrumb: "Root > Startseite > destination.modules N-Z > destination.teaserwall"
keywords:
  - "Teaser-Wall"
  - "Teaser Modul"
  - "TYPO3 Teaser"
  - "kompakte Informationen"
  - "Content-Element"
  - "responsives Design"
  - "Farbschema wählen"
  - "Icon oder Bild"
  - "Textkachel"
  - "Conversion Design"
  - "Nutzererlebnis verbessern"
  - "Webdesign Modul"
  - "destination.teaserwall"
---

destination.teaserwall
======================

für schnelle kompakte Informationen

 

Badgeinfo

**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.

Glühbirne neben der Überschrift Gut zu Wissen

**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.

 

Filmklappe neben der Überschrift Live Demo

Live-Demo
---------

 

### Beispiel A: Teaser-Wall mit vier Teasern

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

### Text und Bildkachel

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 Icon-Kachel

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

 

### Beispiel B: Teaser-Wall mit drei Teasern

### Text- und Bildkachel

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 , zur Verfügung.

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

 

### Beispiel C: Teaser-Wall mit zwei Teasern

### Text- und Bildkachel

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?

---------------------------