Contenu du pack

Un fichier SKILL.md (le guide pratique) + un modèle de départ. Aperçu :

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

1. 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.
2. 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.
3. Design for dark (input: section layout → output: dark style system)
   Design the section as native to the dark page, not as a light card dropped onto it. Use a background one step lighter or darker than the surrounding section so the testimonial area reads as its own zone without a hard border. Set text in two tiers: quote text near-white at a generous size with comfortable line height, and attribution in a muted gray that stays comfortably above accessibility contrast. Give portraits a consistent treatment — same crop, same ring or frame, same size — and keep them in color unless the whole site uses monochrome portraits; a single black-and-white portrait among color ones looks like a placeholder. Reserve one accent color for small details only (the person's name, a divider, a verified mark) so the section feels calm and the quotes do the talking.
4. Write each testimonial unit (input: quote bank → output: finished testimonial units)
   Build each unit from four parts, in this order: the portrait, the quote trimmed to its strongest 1–3 sentences, the name and role, and an optional concrete detail (a result, a timeframe, a starting point) that grounds the praise. Trim quotes by cutting whole sentences, never by splicing fragments together into a sentence the person never said — if you must shorten mid-sentence, mark it honestly with an ellipsis. Lead with the specific part: "Our no-show rate fell from 22% to 6% in two months" beats "Great service, highly recommend" because specificity is what makes a quote believable. Keep the quote in first person and keep the person's phrasing; a testimonial that sounds like the marketing team wrote it costs more trust than it gains.
5. Arrange for credibility (input: testimonial units → output: ordered section)
   Order the units to build belief: open with the quote whose problem matches the page's most common visitor, follow with a different kind of person and a different outcome, and close with the strongest or most specific result. Mix roles, situations, and outcomes — three quotes from the same kind of customer read as one quote repeated. If the section sits near a pricing or signup block, place the quote that addresses the most common objection (price, time, risk) closest to that block. Add a quiet verification signal where it is true: a "verified customer" note, a link to a fuller case study, or the person's company or project name — but only signals that are actually true, and never fake logos, fake ratings, or invented counts.
6. Make it hold up on phones and over time (input: ordered section → output: responsive, maintainable section)
   On narrow screens, stack each unit vertically — portrait on top, quote below, attribution beneath — and keep portraits large enough to recognize (a 32px face on a phone reads as an avatar, not a person). If the section rotates quotes, provide visible previous/next controls and pause on interaction; auto-rotation without controls hides quotes from the people who wanted to read them. Set a maintenance routine: review quotes every quarter, retire quotes whose context has changed (a person who left the role, a product that changed), and refresh portraits when they go stale. Keep the permission record with each quote — who approved it, when, and in what form — so a removal request is a one-minute job, not an investigation.

Aperçu du modèle

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}

Le pack de compétence lui-même (SKILL.md + modèle) est rédigé en anglais.

Acheter le pack complet — $4.99 Pro — les 511 compétences