Design System
Playground Zur Vorlage

Komponenten · KartenTestimonial-Card

Komponente · 6 Varianten

Testimonial-Card

components/TestimonialCard.astro

Zitat, Name, Rolle und Firma; optional Avatar, Logo-Lockup oder Sterne. Haarlinie, kein Fond, kein Anführungs-Ornament.

Notizen

  • Bestand: Zitate nur in Testimonial-Sektionen, ohne Avatar, Firma, Rating.
  • Wenn Approved: Sektionen setzen die Komponente statt eigener Markup.

Props

Name Typ Default Notiz
variant "zitat" | "avatar" | "logo" | "sterne" | "kompakt" | "gross" "zitat" 01–06.
surface "nacht" | "paper" "nacht" Pflicht-Paar.
<TestimonialCard variant="zitat" surface="nacht" />

01 · Zitat

Zitat, Name, Rolle

Testimonial-Grid. Minimal.

Nacht

Wir hatten drei Agenturen und einen Baukasten. Nordwynd hat in vierzehn Tagen gelegt, was zwei Jahre lang nicht stand.

Mara Lind

Geschäftsführung, Lind Bau

Paper

Wir hatten drei Agenturen und einen Baukasten. Nordwynd hat in vierzehn Tagen gelegt, was zwei Jahre lang nicht stand.

Mara Lind

Geschäftsführung, Lind Bau

02 · Avatar

Foto 48 links vom Namen

Avatar. Quadrat.

Nacht

Wir hatten drei Agenturen und einen Baukasten. Nordwynd hat in vierzehn Tagen gelegt, was zwei Jahre lang nicht stand.

Mara Lind

Geschäftsführung, Lind Bau

Paper

Wir hatten drei Agenturen und einen Baukasten. Nordwynd hat in vierzehn Tagen gelegt, was zwei Jahre lang nicht stand.

Mara Lind

Geschäftsführung, Lind Bau

03 · Logo

Lockup rechts im Fuß

Logo-Wall. quiet, invert nach Fläche.

Nacht

Wir hatten drei Agenturen und einen Baukasten. Nordwynd hat in vierzehn Tagen gelegt, was zwei Jahre lang nicht stand.

Mara Lind

Geschäftsführung, Lind Bau

Platzhalter-Logo Lind Bau Lind Bau

Paper

Wir hatten drei Agenturen und einen Baukasten. Nordwynd hat in vierzehn Tagen gelegt, was zwei Jahre lang nicht stand.

Mara Lind

Geschäftsführung, Lind Bau

Platzhalter-Logo Lind Bau Lind Bau

04 · Sterne

Fünf Sterne oben

Sterne. Oliv.

Nacht

Wir hatten drei Agenturen und einen Baukasten. Nordwynd hat in vierzehn Tagen gelegt, was zwei Jahre lang nicht stand.

Mara Lind

Geschäftsführung, Lind Bau

Paper

Wir hatten drei Agenturen und einen Baukasten. Nordwynd hat in vierzehn Tagen gelegt, was zwei Jahre lang nicht stand.

Mara Lind

Geschäftsführung, Lind Bau

05 · Kompakt

Ein Satz

Slider. Für Raster.

Nacht

Vierzehn Tage, ein Draht. Hat getragen.

Mara Lind

Geschäftsführung, Lind Bau

Paper

Vierzehn Tage, ein Draht. Hat getragen.

Mara Lind

Geschäftsführung, Lind Bau

06 · Groß

H3-Zitat, p-12, Avatar

Testimonial-Featured. Eine pro Fläche.

Nacht

Wir hatten drei Agenturen und einen Baukasten. Nordwynd hat in vierzehn Tagen gelegt, was zwei Jahre lang nicht stand.

Mara Lind

Geschäftsführung, Lind Bau

Paper

Wir hatten drei Agenturen und einen Baukasten. Nordwynd hat in vierzehn Tagen gelegt, was zwei Jahre lang nicht stand.

Mara Lind

Geschäftsführung, Lind Bau