WebPremium Verified

Profile Card Testimonial Reel UI Block

A warm, photographic testimonial block that brings a customer profile and a focused review reel together. Designed for product pages, campaign pages, and launches that need credible human proof with restrained teal accents, accessible motion, and a readable static fallback.

What you get

  • One responsive testimonial section with a prominent customer profile and quote
  • Editable data for up to three testimonials and replaceable portrait assets
  • Accessible reel controls, active-state treatment, and reduced-motion behavior
  • Warm-neutral styling with restrained teal accents and documented layout tokens

Good fit

  • Product launches that need a credible customer voice near a conversion point
  • Marketing pages where portrait-led proof should feel personal, not like a review database
  • Teams that want an editable component rather than a fixed testimonial graphic

Not for

  • Pages that need a full customer-story narrative or case-study layout
  • Testimonials without permission to publish the quote, identity, or portrait

What you provide

  • Approved customer quotes, names, and roles for two or three people
  • Portrait files or direction for replaceable, licensed image placeholders
  • Page audience, product context, and any brand-color 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-profile-card-testimonial-reel-ui-block Create a testimonials section for a fictional team-planning tool, for teams seeking calmer coordination. Show “A calmer way to bring the team together” and three customer quotes from Maya Chen, Elliot Brooks, and Sofia Patel, each with their role. Use warm neutrals and solid teal accents, with no gradients.

Follow-up prompts

  • Make the profile card more compact while preserving the quote hierarchy, portrait crop, and static readability.
  • Adapt the testimonial data shape for four approved customer stories without changing the visual system or accessible controls.
  • Provide a no-image variant with initials portraits, identical accessible controls, and all quotes readable without scripting.

Verification

Verified

render-checkpass4.0 / 514s

FAQ

Can I use this without portraits?

Yes. Replace portraits with a consistent initials treatment or an approved abstract image, while keeping the profile area and attribution intact.

Does the reel autoplay?

No autoplay is required. The block uses explicit controls and can remain static; reduced-motion preferences are respected, and all testimonial content remains readable without scripting.

Can I add more testimonials?

The component is designed around two or three focused stories. Extend the editable data only when the page has a clear reason to show more.

Similar skills

Profile Card Testimonial Reel UI Block · SkillLoom