Skip to main content

We now have Showcases and a Showroom! 🚀

Showcase

Media Cards

Card modules with image and text — as carousel, grid or with expandable details. Three modules, one goal: presenting content in a visually appealing way.

Showcase

Image Cards — with Images

Image cards with title and description (richtext) in carousel format. Each card shows a square image with hover zoom effect. Links can only be set within the richtext editor — the card itself has no dedicated link field.

Image Cards — without Images

The same cards without maintained images. The image area is omitted, only title and description (richtext) are shown. Works, but does not look visually ideal — images should always be maintained.

Visual Teasers in Portrait Format

Portrait Teaser — Carousel

Teaser cards with portrait image (3:4), headline, text (richtext) and link in carousel mode. The cards are not cropped and fit completely into the visible area.

Carousel options: navigation, dots and autoplay. As the only one of the three modules, the Portrait Teaser additionally offers a grid display.

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 Optimised

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

Customisable

Eigenes Branding

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

Inklusives Web

Accessibility

Inklusives Web

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

Visual Teasers in Portrait Format

Portrait Teaser — Grid

The same teaser cards in the grid display — a responsive grid instead of a carousel. One column on mobile, two columns from tablet, four columns side by side from desktop.

All content (portrait image, headline, text, link) remains identical — only the layout changes.

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 Optimised

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

Customisable

Eigenes Branding

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

Inklusives Web

Accessibility

Inklusives Web

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

FAQ

Frequently Asked Questions about Media Cards