$4.99Case Note Testimonials UI Block
A reusable testimonial section that turns approved customer quotes into concise, human case notes for product and service websites.
Dark Portrait Testimonials UI Block
A reusable customer-testimonial section with portrait-led stories, warm cream surfaces, and a saturated teal canvas. For product launches and marketing pages that need credible social proof in an editable, responsive block.
What you get
- One responsive testimonials section with two or three portrait-led quotes
- Warm-neutral visual system with teal canvas, deep teal surfaces, and restrained clay accents
- Editable semantic markup and reusable styling
- Responsive portrait cropping and attribution hierarchy
Good fit
- Product launch pages that need concise, credible customer proof
- Marketing pages where portraits and specific quotes are available
Not for
- A full marketing site or multi-section landing page
- Unapproved or invented customer claims and endorsements
What you provide
- Approved customer quotes, names, and roles
- Portrait assets or permission to use replaceable placeholders
Requirements
- A modern browser
- Node.js 20+ for the validator
Running cost
No external services. Runs entirely on your agent.
Try this prompt
/sl-dark-portrait-testimonials-ui-block Create a testimonials section for a fictional project-planning service, for teams looking to make their work easier to trust. Show the headline “Good work, made easier to trust” and these three approved quotes with their names and roles, in order: Maya Chen, Elliot Brooks, Nina Patel. Use the provided portraits. Keep the copy editable and use a calm, credible dark teal portrait style.
Follow-up prompts
- Make the two-item version fit a narrow product page without changing quote copy.
- Adapt this section to the existing component framework and token names.
Verification
Verified
| render-check | pass | 4.0 / 5 | 44s |
FAQ
Can I use only two testimonials?
Yes. Use two when that is the available approved content; preserve generous spacing and avoid adding a fabricated third item.
What if I do not have portraits yet?
Use labeled, replaceable image placeholders with meaningful alt text, and keep the layout ready for consistent portrait crops.
Similar skills
$4.99
$4.99Numbered Testimonial Slider UI Block
A polished, reusable testimonial section with numbered slide controls, warm-neutral surfaces, and restrained teal accents. Designed for product launches and marketing pages where customer proof should feel credible, easy to scan, and simple to edit.
$4.99Orbiting Portrait Testimonials UI Block
A warm-neutral testimonial block with a framed focal quote, orbiting customer portraits, and quiet teal interaction cues. It helps launch pages and campaign sites turn social proof into a memorable, editable visual moment without sacrificing readability or responsive behavior.
$4.99Rated Testimonial Row UI Block
A crisp, reusable row of customer endorsements with accessible five-star ratings, concise quotes, and clear attribution for product marketing pages.
$4.99Portrait Overlay Testimonials UI Block
A reusable testimonial section with offset portrait frames and concise quotes on warm cream panels against a deep teal ground. Its desktop layout uses the available width while preserving a clear mobile reading order.
$4.99Editorial Testimonial Spread UI Block
A reusable, responsive testimonial section styled like a calm editorial spread: warm charcoal surfaces, cream typography, teal glow, and carefully paced customer quotes. Use it to add human proof to launch pages and marketing campaigns.
$4.99Feature Testimonial Mosaic UI Block
A reusable, editorial-style testimonial mosaic for product launches and marketing pages, with warm paper tones, crisp customer quotes, and restrained teal accents.
$4.99Single Testimonial Card UI Block
A polished, reusable testimonial section with an editorial quote, clear customer attribution, and a calm warm-neutral palette with teal accents.