WebPremium Verified

Fanned Testimonial UI Block

A reusable testimonial section with warm charcoal cards fanned across an ink-dark canvas and restrained teal accents. Designed for product launches and marketing pages that need social proof with an editorial, human feel.

What you get

  • A responsive fan composition with a clear featured quote.
  • Editable quote, name, and role content for each card.
  • Warm-neutral styling with accessible contrast and a mobile stack.

Good fit

  • Product launch pages and campaign microsites.
  • Small teams presenting a few high-quality customer stories.

Not for

  • Large searchable libraries of reviews.
  • Pages that require verified customer identities not provided by the user.

What you provide

  • Approved quotes and attribution details, or permission to use labeled fictional examples.
  • Page context and any colors or typography constraints.

Requirements

  • A modern browser
  • Node.js 20+ for the validator

Running cost

No external services. Runs entirely on your agent.

Try this prompt

/sl-fanned-testimonial-ui-block Create a testimonial section for a project-planning service, for small teams. Show three customer quotes in this order under the headline “Good work, made easier”: Mara Chen, Studio founder; Eli Morgan, Operations lead; Rina Patel, Product marketer. Use a restrained Cinder Teal Fan style.

Follow-up prompts

  • Make the center quote more prominent without hiding any text.
  • Replace sample quotes with these approved customer statements and roles.
  • Adapt the cards to fit a narrow two-column campaign layout.

Verification

Verified

render-checkpass5.0 / 518s

FAQ

Can I use fictional sample testimonials?

Yes, for layout previews only. Keep them clearly labeled as sample content and replace them before publishing.

Will the fan work on mobile?

Yes. The cards become a simple vertical stack at narrow widths so quotes remain readable and in order.

Similar skills