Zum Hauptinhalt springen

Karussell-Komponente

Präsentiere Inhalte im vollflächigen Slider-Format und verlinke visuelle Teaser auf weiterführende Seiten.

Vor über 2 Wochen aktualisiert

Die Karussell-Komponente nimmt die volle Seitenbreite ein und zeigt immer zwei Elemente gleichzeitig an. Zwischen den beiden Elementen befindet sich ein schmaler Abstand in der Hintergrundfarbe, sodass sie visuell getrennt sind.

Weitere Elemente werden ausschließlich manuell über die Navigationspfeile angesteuert.


Es gibt keinen automatischen Slide-Wechsel.


Grundprinzip

Jedes Element besteht aus:

  • einem Hintergrund-Visual (Bild, Video aus dem Media Archive oder Webvideo)

  • einer optionalen Headline

  • einem optionalen Datum

Das gesamte Element fungiert als Link.

Die Bildproportion ist fest definiert. Optional kann für die gesamte Komponente das 16:9-Format aktiviert werden.


Was wirklich wichtig ist

Headline-Länge

Für die Headline gibt es keine technische Zeichenbegrenzung. Da sie jedoch direkt auf dem Hintergrund-Visual platziert wird, sollte sie bewusst kurz gehalten werden. Zu lange Headlines können große Teile des Bildes überdecken, die Bildwirkung stark reduzieren und die Lesbarkeit beeinträchtigen. Eine prägnante, klar formulierte Überschrift sorgt dafür, dass sowohl Text als auch Bild ihre Wirkung behalten.


Overlay & Verlauf

Da Text direkt auf dem Visual liegt, können aktiviert werden:

  • dunkler Overlay

  • dunkler Verlauf

Diese sollten gezielt eingesetzt werden, um Kontrast und Lesbarkeit zu sichern, insbesondere bei hellen oder detailreichen Bildern.


Bildzuschnitt

Der Fokus und Zuschnitt des Bildes beeinflussen maßgeblich die Wirkung.


Da immer zwei Elemente nebeneinander angezeigt werden, sollte der Bildausschnitt so gewählt werden, dass zentrale Inhalte nicht abgeschnitten wirken.


Farbschema

Für die gesamte Komponente kann ein eigenes Farbschema gewählt werden. Dieses beeinflusst sowohl die Typografie als auch die Hintergrundfläche zwischen den beiden sichtbaren Elementen. Die Auswahl sollte gezielt erfolgen, um ausreichend Kontrast zwischen Headline und Visual zu schaffen und die Lesbarkeit des Textes deutlich zu verbessern.


Tipps & Tricks

  • Verwende visuell ruhige Bilder mit klarer Bildmitte.

  • Halte Headlines kurz.

  • Teste Overlay-Einstellungen in Kombination mit dem Bildfokus.

  • Achte auf eine konsistente Bildsprache bei mehreren Elementen.

Hat dies deine Frage beantwortet?