Design System
Playground Zur Vorlage

Sektionen · VertrauenTestimonial-Slider

Sektion · 4 Varianten

Testimonial-Slider

sections/TestimonialsSlider.astro

Eine Stimme zur Zeit. Pause bei Hover, außer Sicht, Reduced Motion. Kein Portrait, keine Sterne. 03 Split und 04 Lauf nicht aufgenommen.

Props

Name Typ Default Notiz
variant "eins" | "index" | "zellen" | "satz" "eins" 03 Split und 04 Lauf nicht aufgenommen.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
label string? "Stimmen" Section-Label.
items TestimonialSlide[]? — quote, name, role, mandate.
<TestimonialsSlider variant="eins" surface="nacht" />
<TestimonialsSlider variant="index" surface="paper" />

01 · Eins

Ein Zitat, Pfeile, 01–04

nw-quote, Ghost-Pfeile, Index. Pause Hover, außer Sicht, Reduced Motion.

Nacht

Stimmen

Der Slot war klar. Keine Folien, kein Baukasten — die Fläche trägt unser Werk.
Lena Köhler — Köhler Stahl

01 04

Paper

Stimmen

Der Slot war klar. Keine Folien, kein Baukasten — die Fläche trägt unser Werk.
Lena Köhler — Köhler Stahl

01 04

02 · Index

Mandate-Liste wählt das Zitat

Aktive Zeile: Oliv-Punkt. Keine invertierte Fläche.

Nacht

Stimmen

Der Slot war klar. Keine Folien, kein Baukasten — die Fläche trägt unser Werk.
Lena Köhler, Geschäftsführung

Paper

Stimmen

Der Slot war klar. Keine Folien, kein Baukasten — die Fläche trägt unser Werk.
Lena Köhler, Geschäftsführung

05 · Zellen

Haarlinie-Zellen, Nachbar schaut rein

Eine aktive Zelle, Nachbarn angeschnitten. Fond wechselt.

Nacht

Stimmen

Der Slot war klar. Keine Folien, kein Baukasten — die Fläche trägt unser Werk.
Lena Köhler — Köhler Stahl
Was wir brauchen, ist eine Stimme, die das Werk zeigt — nicht eine Kampagne.
Markus Olber — Olber Werk
Seit dem Relaunch rufen Kunden an, die uns bisher nur als Guss kannten.
Anja Richter — Atlas Guss
Holz braucht Ruhe. Die Site macht das, ohne uns zu erklären.
Tomas Hainich — Hainich Holz

01 04

Paper

Stimmen

Der Slot war klar. Keine Folien, kein Baukasten — die Fläche trägt unser Werk.
Lena Köhler — Köhler Stahl
Was wir brauchen, ist eine Stimme, die das Werk zeigt — nicht eine Kampagne.
Markus Olber — Olber Werk
Seit dem Relaunch rufen Kunden an, die uns bisher nur als Guss kannten.
Anja Richter — Atlas Guss
Holz braucht Ruhe. Die Site macht das, ohne uns zu erklären.
Tomas Hainich — Hainich Holz

01 04

06 · Satz

Display-Zitat, Caption darunter

nw-display mit typografischen Anführungszeichen. Ein Satz zur Zeit.

Nacht

Stimmen

„Der Slot war klar. Keine Folien, kein Baukasten — die Fläche trägt unser Werk.“

Lena Köhler, Geschäftsführung — Köhler Stahl

Paper

Stimmen

„Der Slot war klar. Keine Folien, kein Baukasten — die Fläche trägt unser Werk.“

Lena Köhler, Geschäftsführung — Köhler Stahl