Dark Portrait Testimonials
Real faces, real words, real proof — on dark.
A testimonial-section pattern for dark pages: named people with portraits, quotes trimmed without distortion, and concrete details that make praise believable, arranged so the section builds trust instead of manufacturing it.
Install it in 3 steps
No sign-up. No CLI tools. Pick your AI, copy one line, paste it over.
Prefer doing it yourself? Buy the skill ($4.99), download the ZIP from your checkout confirmation, unzip it into the directory shown above, restart your AI session — same result. Already bought it? Your AI assistant can download it for you.
What’s inside
One SKILL.md (the playbook) + one starter template. A preview:
Dark Portrait Testimonials
When to use
- A landing or service page needs testimonials that visitors actually believe
- The page already uses a dark section and pasted-in light testimonial cards look like stickers
- You have real quotes from real people but they currently read as anonymous marketing copy
- Testimonials are the deciding factor for your visitors (services, coaching, courses, agencies)
- An existing testimonial wall feels fake because every quote is five stars and perfectly polished
Workflow
- Collect real, attributable quotes (input: customers or clients → output: quote bank)
Gather quotes with names attached, or do not use them — an anonymous testimonial on a dark background reads as invented, however true it is. For each quote, record the full name (or the name as the person agrees to be shown), their role or situation ("clinic owner, three locations"), what changed, and written permission to publish the quote with their portrait. Keep the quote in the person's own words; editing for grammar is fine, upgrading their vocabulary into marketing copy is not. Collect more quotes than the section needs (at least twice as many) so you can choose for variety of person, problem, and outcome rather than publishing everything you received. Photograph or request portraits at consistent quality — one sharp, well-lit headshot per person, same crop, same background treatment — because uneven portraits signal uneven authenticity. - Choose the section shape (input: quote bank and page context → output: section layout)
Pick the layout from how many quotes the section carries and where it sits on the page. One featured quote: large portrait left, quote right, name and role beneath — best near a call to action where a single strong voice closes the sale. Three quotes: a row of three equal cards, each with portrait, quote, and source — best as a dedicated proof section mid-page. Many quotes: a featured quote plus a compact grid of shorter ones, or a rotating single-quote display with manual controls — best when the quote bank is deep but the page cannot spare the space. Whatever the shape, keep the hierarchy identical in every unit: portrait first (the face earns the trust), quote second, name and role third, and any star rating or metric last and optional. Never let a decorative giant quotation mark outweigh the person's name.
Template preview
Dark Portrait Testimonials — Production Template
One unit = portrait + quote + name/role + optional concrete detail. No anonymous praise.
Quote bank (collect at least 2× what the section needs)
Section layout
Shape: {one featured / three-card row / featured + compact grid / rotating single-quote} Position on page: {near CTA / mid-page proof section / …} Hierarchy in every unit: portrait → quote → name + role → optional rating/metric last
Dark style system
- Zone background: {one step lighter/darker than surrounding section — no hard border}
- Quote text: {near-white hex, size, line height} — contrast: {ratio}
