Design System
Playground Zur Vorlage

Sektionen · VertrauenTestimonial-Grid

Sektion · 4 Varianten

Testimonial-Grid

sections/TestimonialsGrid.astro

Stimmen im Raster. Haarlinie statt Karte, Satz statt Stern, Mandat statt Portrait. Eine Testimonial-Karte entsteht hier — keine eigene Komponente. Jede in Nacht und Paper. 02 Fond und 06 Satz nicht aufgenommen.

Props

Name Typ Default Notiz
variant "zellen" | "nummer" | "zitat" | "mitte" "zellen" 02 Fond und 06 Satz nicht aufgenommen.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
label string? "Stimmen" Section-Label.
items TestimonialItem[]? — quote, name, role, mandate.
<TestimonialsGrid variant="zellen" surface="nacht" />
<TestimonialsGrid variant="nummer" surface="paper" />

01 · Zellen

Haarlinie, drei Spalten

3 × 2 Zellen. nw-quote, Attribution nw-label. Kein Radius, kein Stern.

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

  • Form folgt Auftrag. Die neue Fläche tut dasselbe — ohne Icon-Salat.

    Sabine Elbe — Elbe Form

  • Fahrplan, Takt, Halt. Die Sprache der Bahn, in einer Fläche.

    Jan Mehnert — Nordost Bahn

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

  • Form folgt Auftrag. Die neue Fläche tut dasselbe — ohne Icon-Salat.

    Sabine Elbe — Elbe Form

  • Fahrplan, Takt, Halt. Die Sprache der Bahn, in einer Fläche.

    Jan Mehnert — Nordost Bahn

03 · Nummer

01–03 in Mono, dann das Zitat

Index als nw-label. Drei Stimmen in einer Reihe.

Nacht

Stimmen

  • 01

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

    Lena Köhler — Köhler Stahl

  • 02

    Was wir brauchen, ist eine Stimme, die das Werk zeigt — nicht eine Kampagne.

    Markus Olber — Olber Werk

  • 03

    Seit dem Relaunch rufen Kunden an, die uns bisher nur als Guss kannten.

    Anja Richter — Atlas Guss

Paper

Stimmen

  • 01

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

    Lena Köhler — Köhler Stahl

  • 02

    Was wir brauchen, ist eine Stimme, die das Werk zeigt — nicht eine Kampagne.

    Markus Olber — Olber Werk

  • 03

    Seit dem Relaunch rufen Kunden an, die uns bisher nur als Guss kannten.

    Anja Richter — Atlas Guss

04 · Zitat

Quote-as-Type, nur senkrechte Stege

nw-h3 trägt das Zitat. Name und Rolle als nw-caption.

Nacht

Stimmen

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

    Lena Köhler, Geschäftsführung

  • Was wir brauchen, ist eine Stimme, die das Werk zeigt — nicht eine Kampagne.

    Markus Olber, Werkleitung

  • Seit dem Relaunch rufen Kunden an, die uns bisher nur als Guss kannten.

    Anja Richter, Inhaberin

Paper

Stimmen

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

    Lena Köhler, Geschäftsführung

  • Was wir brauchen, ist eine Stimme, die das Werk zeigt — nicht eine Kampagne.

    Markus Olber, Werkleitung

  • Seit dem Relaunch rufen Kunden an, die uns bisher nur als Guss kannten.

    Anja Richter, Inhaberin

05 · Mitte

Mittlere Zelle invertiert

Drei Spalten, die mittlere wechselt den Fond.

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

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