Skip to main content

Wir haben jetzt  Showcases und einen Showroom! 🚀

Showcase

Media Cards

Karten-Module mit Bild und Text — als Carousel, Grid oder mit Aufklapp-Details. Drei Module, ein Ziel: Inhalte visuell ansprechend präsentieren.

Showcase

Image Cards — mit Bildern

Bildkarten mit Titel und Beschreibung (Richtext) im Carousel-Format. Jede Karte zeigt ein quadratisches Bild mit Hover-Zoom-Effekt. Links können nur innerhalb des Richtext-Editors gesetzt werden — die Karte selbst hat kein eigenes Link-Feld.

Image Cards — ohne Bilder

Die gleichen Karten ohne gepflegte Bilder. Der Bildbereich entfällt, nur Titel und Beschreibung (Richtext) werden angezeigt. Funktioniert, sieht aber visuell nicht ideal aus — Bilder sollten immer gepflegt werden.

Visuelle Teaser im Portrait-Format

Portrait Teaser — Carousel

Teaser-Karten mit Portrait-Bild (3:4), Headline, Text (Richtext) und Link im Carousel-Modus. Die Karten sind nicht angeschnitten und passen vollständig in den sichtbaren Bereich.

Carousel-Optionen: Navigation, Dots und Autoplay. Als einziges der drei Module bietet der Portrait Teaser zusätzlich eine Grid-Darstellung.

Schnelle Ladezeiten

Performance

Schnelle Ladezeiten

Optimierte Assets und intelligentes Caching garantieren beste Core Web Vitals und schnelle Seitenladezeiten.

Alle Geräte

Responsive

Alle Geräte

Vom Smartphone bis zum Desktop — alle Module passen sich nahtlos an jede Bildschirmgröße an.

Optimale Sichtbarkeit

SEO-optimiert

Optimale Sichtbarkeit

Strukturierte Daten, Meta-Tags und semantisches Markup sorgen für beste Platzierungen in Suchmaschinen.

TYPO3 Powered

CMS-Integration

TYPO3 Powered

Nahtlose Anbindung an TYPO3 — Redakteure pflegen Inhalte komfortabel im gewohnten Backend.

Konsistentes Design

Design System

Konsistentes Design

Ein durchdachtes Design System sorgt für einheitliche visuelle Sprache über alle Touchpoints hinweg.

Flexible Module

Modular

Flexible Module

Jedes Modul ist unabhängig einsetzbar und frei kombinierbar — für maximale Flexibilität im Content-Aufbau.

Eigenes Branding

Individualisierbar

Eigenes Branding

Design Tokens, Custom Components und flexible Konfiguration machen jedes Projekt einzigartig.

Inklusives Web

Barrierefreiheit

Inklusives Web

Alle Komponenten sind auf Zugänglichkeit ausgelegt — mit semantischem HTML, ARIA-Attributen und Keyboard-Navigation.

Visuelle Teaser im Portrait-Format

Portrait Teaser — Grid

Die gleichen Teaser-Karten in der Grid-Darstellung — ein responsives Raster statt Carousel. Mobil eine Spalte, ab Tablet zwei Spalten, ab Desktop vier Spalten nebeneinander.

Alle Inhalte (Portrait-Bild, Headline, Text, Link) bleiben identisch, nur das Layout ändert sich.

Schnelle Ladezeiten

Performance

Schnelle Ladezeiten

Optimierte Assets und intelligentes Caching garantieren beste Core Web Vitals und schnelle Seitenladezeiten.

Alle Geräte

Responsive

Alle Geräte

Vom Smartphone bis zum Desktop — alle Module passen sich nahtlos an jede Bildschirmgröße an.

Optimale Sichtbarkeit

SEO-optimiert

Optimale Sichtbarkeit

Strukturierte Daten, Meta-Tags und semantisches Markup sorgen für beste Platzierungen in Suchmaschinen.

TYPO3 Powered

CMS-Integration

TYPO3 Powered

Nahtlose Anbindung an TYPO3 — Redakteure pflegen Inhalte komfortabel im gewohnten Backend.

Konsistentes Design

Design System

Konsistentes Design

Ein durchdachtes Design System sorgt für einheitliche visuelle Sprache über alle Touchpoints hinweg.

Flexible Module

Modular

Flexible Module

Jedes Modul ist unabhängig einsetzbar und frei kombinierbar — für maximale Flexibilität im Content-Aufbau.

Eigenes Branding

Individualisierbar

Eigenes Branding

Design Tokens, Custom Components und flexible Konfiguration machen jedes Projekt einzigartig.

Inklusives Web

Barrierefreiheit

Inklusives Web

Alle Komponenten sind auf Zugänglichkeit ausgelegt — mit semantischem HTML, ARIA-Attributen und Keyboard-Navigation.

FAQ

Häufige Fragen zu Media Cards