WebPremium Verified

Typed Testimonial Row UI Block

A polished, editable testimonial row for launch pages and campaigns. Warm paper tones, aligned quote cards, and restrained teal details make real customer voices easy to scan without overstating them.

What you get

  • One responsive testimonial section with two or three quote slots.
  • Editable heading, quote text, speaker name, and role fields.
  • Warm-neutral styling with a fine frame and restrained teal markers.
  • Clear layout behavior from desktop columns to a mobile reading stack.

Good fit

  • Marketing pages using approved customer quotations as proof.
  • Product launches and social campaigns needing a reusable web section.

Not for

  • Collecting or managing reviews in a live database.
  • Creating endorsements or claims without approved source material.

What you provide

  • Approved quote text and attribution for each speaker.
  • Target page context and any existing design or framework 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-typed-testimonial-row-ui-block Create a testimonial section for a fictional workflow app launch page, for teams looking for clearer day-to-day work. Include three approved quotes from Mina Park, Operations Lead; Elias Reed, Studio Manager; and Noor Hale, Product Consultant. Use the headline “Good work should feel clear”. Keep the warm cream ground and teal quote markers.

Follow-up prompts

  • Make the row fit a narrow product landing page without shrinking quote text.
  • Replace the sample content with my approved quotes and keep wording exact.
  • Add a reduced-motion-safe entrance treatment that does not delay reading.

Verification

Verified

render-checkpass4.0 / 531s

FAQ

Can I use only two testimonials?

Yes. Request two when that is the available approved source material; the layout should remain balanced without inventing a third entry.

Can this match an existing site?

Yes. Provide the site's tokens or component conventions, then preserve its implementation patterns while applying the warm-neutral visual direction.

Does the motion require JavaScript?

No. Motion should be subtle and optional; the block must remain fully readable and complete when animation is disabled.

Similar skills

Typed Testimonial Row UI Block · SkillLoom