Testimonial Sections
testimonial-single-spotlight
stable Bibliothèque Contenu inline (instance)Preuve sociale, Montrer les réalisations
Un seul témoignage en plein écran : grande citation, portrait, logo client et attribution nom/rôle. Donne tout le poids à une voix client, sombre par défaut.
Instances sur le site
Global 0 instance en page composable
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
background | Présentation | enum | Non | · | paper · paper-2 · paper-3 · ink |
kicker | Contenu | text | Non | fr / en | · |
quote | Contenu | text | Oui | fr / en | · |
author | Contenu | text | Oui | · | · |
role | Contenu | text | Oui | fr / en | · |
company | Contenu | text | Non | · | · |
portrait_src | Contenu | image | Non | · | · |
logo_src | Contenu | image | Non | · | · |
Déclinaisons · 20
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 8 curées, 12 générées.
-
Spot témoignage · portrait + logo · encre
curéetestimonial-single-spotlight--full-ink -
Spot témoignage · portrait + logo · papier
curéetestimonial-single-spotlight--full-paper -
Spot témoignage · portrait + logo · papier 2
curéetestimonial-single-spotlight--full-paper-2 -
Spot témoignage · portrait sans logo · papier
curéetestimonial-single-spotlight--portrait-only-paper -
Spot témoignage · portrait sans logo · encre
curéetestimonial-single-spotlight--portrait-only-ink -
Spot témoignage · logo sans portrait · papier 2
curéetestimonial-single-spotlight--logo-only-paper-2 -
Spot témoignage · sans portrait ni logo · papier 3
curéetestimonial-single-spotlight--bare-paper-3 -
Spot témoignage · sans portrait ni logo · encre
curéetestimonial-single-spotlight--bare-ink -
testimonial-single-spotlight · prose
généréetestimonial-single-spotlight--prose -
testimonial-single-spotlight · deux colonnes
généréetestimonial-single-spotlight--two-col -
testimonial-single-spotlight · liste
généréetestimonial-single-spotlight--list -
testimonial-single-spotlight · lignes séparées
généréetestimonial-single-spotlight--rows-divided -
testimonial-single-spotlight · chapeau + aparté
généréetestimonial-single-spotlight--lead-aside -
testimonial-single-spotlight · lettrine
généréetestimonial-single-spotlight--drop-cap -
testimonial-single-spotlight · citation détachée
généréetestimonial-single-spotlight--pull-quote -
testimonial-single-spotlight · énoncé centré
généréetestimonial-single-spotlight--centered-statement -
testimonial-single-spotlight · note de marge
généréetestimonial-single-spotlight--sidenote -
testimonial-single-spotlight · prose numérotée
généréetestimonial-single-spotlight--numbered-prose -
testimonial-single-spotlight · chapeau 2 colonnes
généréetestimonial-single-spotlight--two-col-lead -
testimonial-single-spotlight · grand énoncé
généréetestimonial-single-spotlight--statement-big
Comparer les déclinaisons · 20
Chaque déclinaison, résumée par son écart d'axes face à la démo par défaut du type : seuls les axes qui changent une valeur sont listés. Ouvre-la dans le builder pour l'assembler dans une page.
-
Spot témoignage · portrait + logo · encre
curéetestimonial-single-spotlight--full-inkOuvrir dans le builder -
Spot témoignage · portrait + logo · papier
curéetestimonial-single-spotlight--full-paperbackground:paperOuvrir dans le builder -
Spot témoignage · portrait + logo · papier 2
curéetestimonial-single-spotlight--full-paper-2background:paper-2Ouvrir dans le builder -
Spot témoignage · portrait sans logo · papier
curéetestimonial-single-spotlight--portrait-only-paperbackground:paperOuvrir dans le builder -
Spot témoignage · portrait sans logo · encre
curéetestimonial-single-spotlight--portrait-only-inkOuvrir dans le builder -
Spot témoignage · logo sans portrait · papier 2
curéetestimonial-single-spotlight--logo-only-paper-2background:paper-2Ouvrir dans le builder -
Spot témoignage · sans portrait ni logo · papier 3
curéetestimonial-single-spotlight--bare-paper-3background:paper-3Ouvrir dans le builder -
Spot témoignage · sans portrait ni logo · encre
curéetestimonial-single-spotlight--bare-inkOuvrir dans le builder -
testimonial-single-spotlight · prose
généréetestimonial-single-spotlight--proselayout:proseOuvrir dans le builder -
testimonial-single-spotlight · deux colonnes
généréetestimonial-single-spotlight--two-collayout:two-colOuvrir dans le builder -
testimonial-single-spotlight · liste
généréetestimonial-single-spotlight--listlayout:listOuvrir dans le builder -
testimonial-single-spotlight · lignes séparées
généréetestimonial-single-spotlight--rows-dividedlayout:rows-dividedOuvrir dans le builder -
testimonial-single-spotlight · chapeau + aparté
généréetestimonial-single-spotlight--lead-asidelayout:lead-asideOuvrir dans le builder -
testimonial-single-spotlight · lettrine
généréetestimonial-single-spotlight--drop-caplayout:drop-capOuvrir dans le builder -
testimonial-single-spotlight · citation détachée
généréetestimonial-single-spotlight--pull-quotelayout:pull-quoteOuvrir dans le builder -
testimonial-single-spotlight · énoncé centré
généréetestimonial-single-spotlight--centered-statementlayout:centered-statementOuvrir dans le builder -
testimonial-single-spotlight · note de marge
généréetestimonial-single-spotlight--sidenotelayout:sidenoteOuvrir dans le builder -
testimonial-single-spotlight · prose numérotée
généréetestimonial-single-spotlight--numbered-proselayout:numbered-proseOuvrir dans le builder -
testimonial-single-spotlight · chapeau 2 colonnes
généréetestimonial-single-spotlight--two-col-leadlayout:two-col-leadOuvrir dans le builder -
testimonial-single-spotlight · grand énoncé
généréetestimonial-single-spotlight--statement-biglayout:statement-bigOuvrir dans le builder
Sections liées
Même famille
bordered-pullquote stable Citation manifeste a filet gauche : corps large avec accent italique + signature mono. Rendu du corps en HTML (accent <i>).
Apparition au scrollCitation1 colonne 12 décl.case-spotlight stable Vitrine de cas concret insérable partout : carte INK avec visuel habillé + titre serti d’un relevé accent, citation à barre accent, métriques massives latérales, tags méta et CTA. Levier de conversion à fort impact.
Apparition au scrollDéfilementPlusieurs images +8 12 décl.manifesto-block stable Bloc manifeste intercalary : kicker mono § + grand bloc display italique sans box, span accent terracotta, respiration éditoriale forte.
Apparition au scrollDéfilement1 colonne 16 décl.manifesto-statement stable Déclaration manifeste plein écran : kicker mono et statement XL en sans, relevés italiques serif, tone encre (interlude console) ou terracotta avec grille translucide.
Apparition au scrollDéfilementImage de fond +2 16 décl.off-proof stable Signal terrain : citation client (PullQuote) à gauche et grille de chiffres KeyMetric à droite, en asymétrie 5/7 avec séparateur Dingbat.
Apparition au scrollDéfilementIllustration au trait +5 16 décl.pull-quote-block stable Citation éditoriale isolée centrée ou inline, wrapper catalogue autour de la molécule PullQuote.
CitationAvatar1 colonne 18 décl.Même catégorie
case-card-grid stable Table éditoriale de cas clients en six colonnes (index, client, secteur, stack, impact, flèche) façon compte rendu d'audit.
Apparition au scrollSurvolDéfilement +3 31 décl.case-featured-grid stable Grille de cas clients « featured » : un cas mis en avant (colonne large, cover optionnelle) plus des cas secondaires en lignes numérotées, avec chip de provenance.
Apparition au scrollSurvolDéfilement +6 17 décl.case-split stable Cas client en split dark/light 50/50 : récit du cas à gauche (titre, body, CTA) et résultats chiffrés à droite.
Apparition au scrollSurvolDéfilement +4 13 décl.case-spotlight stable Vitrine de cas concret insérable partout : carte INK avec visuel habillé + titre serti d’un relevé accent, citation à barre accent, métriques massives latérales, tags méta et CTA. Levier de conversion à fort impact.
Apparition au scrollDéfilementPlusieurs images +8 12 décl.editorial-case-grid stable Grille editoriale de cas clients : en-tete numerote + titre + intro, puis cartes EditorialCaseCard en 2 colonnes avec decalage vertical alterne (signature /manifesto Acte IV).
Apparition au scrollSurvolCartes +1 16 décl.off-proof stable Signal terrain : citation client (PullQuote) à gauche et grille de chiffres KeyMetric à droite, en asymétrie 5/7 avec séparateur Dingbat.
Apparition au scrollDéfilementIllustration au trait +5 16 décl.Similaires
testimonial-block stable Bloc témoignage pour mettre en avant une citation client et renforcer la confiance.
Défilement horizontalGlisser pour faire défilerIllustration au trait +7 14 décl.quote-spotlight stable Grande citation pleine lumiere sur fond paper-2 : guillemet decoratif, texte display italique, auteur avec avatar rond.
Apparition au scrollDéfilementImage +4 15 décl.testimonial-logo-metric stable Carte de preuve B2B la plus persuasive : logo client + citation attribuée + métrique d’impact chiffrée par carte. Combine preuve sociale, autorité de marque et résultat mesuré.
Apparition au scrollSurvolDéfilement +7 16 décl.testimonial-metrics stable Témoignage chiffré : grande citation serif d’un côté + grille de 3 à 4 métriques massives de l’autre, reliées par une barre accent. Combine la voix client et le résultat mesuré en un seul bloc de réassurance.
Apparition au scrollDéfilementLogos +3 18 décl.team-card-grid stable Grille auto-fill de cartes auteurs avec photo, rôle, description, compteur de publications et CTA profil.
Zoom au survolSurvolImage +4 11 décl.integrations-grid stable Grille de logos d’intégrations groupés par catégorie (CRM, communication, données). Répond à l’objection « est-ce que ça se branche à nos outils ? » d’un coup d’œil.
SurvolPlusieurs imagesLogos +2 8 décl.Code
Données de la section (à placer dans sections[])
{
"type": "testimonial-single-spotlight",
"background": "ink",
"kicker_fr": "Témoignage",
"kicker_en": "Testimonial",
"quote_fr": "Waimia a remplacé un workflow manuel de trois jours par un agent qui tourne en continu. Pour la première fois, l’IA a tenu sa promesse en production, pas en réunion.",
"quote_en": "Waimia replaced a three-day manual workflow with an agent that runs continuously. For the first time, AI delivered in production, not in a meeting.",
"author": "Camille Rousseau",
"role_fr": "Directrice des opérations",
"role_en": "Head of Operations",
"company": "Lumen Retail",
"portrait_src": "/media/portrait-camille-rousseau.svg",
"logo_src": "/logos/client-lumen.svg"
}/library/section/testimonial-single-spotlight.json
Chemin du détail machine
/library/section/testimonial-single-spotlight.json