Testimonial Sections

case-spotlight

stable Bibliothèque Contenu inline (instance)

Preuve sociale, Montrer les réalisations

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.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Uniquement en bibliothèque (aucune instance en page).

Aperçu

Comment l'utiliser

Intention

Preuve sociale Montrer les réalisations

Rôle de page

Preuve

Modèle de contenu

Contenu inline (instance)

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`background`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink
`variant`	Présentation	`enum`	Non	·	media-left · media-right
`kicker`	Contenu	`text`	Non	fr / en	·
`title`	Contenu	`text`	Oui	fr / en	·
`media_src`	Contenu	`image`	Non	·	·
`media_alt`	Contenu	`text`	Non	·	·
`media_caption`	Contenu	`text`	Non	·	·
`quote`	Contenu	`text`	Non	fr / en	·
`attribution`	Contenu	`text`	Non	fr / en	·
`metrics`	Contenu	`array`	Non	·	0..3
`tags`	Contenu	`array`	Non	·	0..4
`cta_href`	Contenu	`url`	Non	·	·
`cta_label`	Contenu	`text`	Non	fr / en	·

Déclinaisons · 12

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé.

case-spotlight · prose
générée
case-spotlight--prose
case-spotlight · deux colonnes
générée
case-spotlight--two-col
case-spotlight · liste
générée
case-spotlight--list
case-spotlight · lignes séparées
générée
case-spotlight--rows-divided
case-spotlight · chapeau + aparté
générée
case-spotlight--lead-aside
case-spotlight · lettrine
générée
case-spotlight--drop-cap
case-spotlight · citation détachée
générée
case-spotlight--pull-quote
case-spotlight · énoncé centré
générée
case-spotlight--centered-statement
case-spotlight · note de marge
générée
case-spotlight--sidenote
case-spotlight · prose numérotée
générée
case-spotlight--numbered-prose
case-spotlight · chapeau 2 colonnes
générée
case-spotlight--two-col-lead
case-spotlight · grand énoncé
générée
case-spotlight--statement-big

Comparer les déclinaisons · 12

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.

case-spotlight · prose
générée
case-spotlight--prose
layout:prose
Ouvrir dans le builder
case-spotlight · deux colonnes
générée
case-spotlight--two-col
layout:two-col
Ouvrir dans le builder
case-spotlight · liste
générée
case-spotlight--list
layout:list
Ouvrir dans le builder
case-spotlight · lignes séparées
générée
case-spotlight--rows-divided
layout:rows-divided
Ouvrir dans le builder
case-spotlight · chapeau + aparté
générée
case-spotlight--lead-aside
layout:lead-aside
Ouvrir dans le builder
case-spotlight · lettrine
générée
case-spotlight--drop-cap
layout:drop-cap
Ouvrir dans le builder
case-spotlight · citation détachée
générée
case-spotlight--pull-quote
layout:pull-quote
Ouvrir dans le builder
case-spotlight · énoncé centré
générée
case-spotlight--centered-statement
layout:centered-statement
Ouvrir dans le builder
case-spotlight · note de marge
générée
case-spotlight--sidenote
layout:sidenote
Ouvrir dans le builder
case-spotlight · prose numérotée
générée
case-spotlight--numbered-prose
layout:numbered-prose
Ouvrir dans le builder
case-spotlight · chapeau 2 colonnes
générée
case-spotlight--two-col-lead
layout:two-col-lead
Ouvrir dans le builder
case-spotlight · grand énoncé
générée
case-spotlight--statement-big
layout:statement-big
Ouvrir 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>).

quote Manifesto Sections Apparition au scrollCitation1 colonne 12 décl.

manifesto-block stable

Bloc manifeste intercalary : kicker mono § + grand bloc display italique sans box, span accent terracotta, respiration éditoriale forte.

quote Feature Sections 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.

quote Manifesto Sections 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.

quote Testimonial Sections 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.

quote Testimonial Sections CitationAvatar1 colonne 18 décl.

quote-spotlight stable

Grande citation pleine lumiere sur fond paper-2 : guillemet decoratif, texte display italique, auteur avec avatar rond.

quote Testimonial Sections Apparition au scrollDéfilementImage +4 15 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.

card-grid Testimonial Sections 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.

card-grid Testimonial Sections 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.

split-media Testimonial Sections Apparition au scrollSurvolDéfilement +4 13 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).

card-grid Testimonial Sections 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.

quote Testimonial Sections 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.

quote Testimonial Sections CitationAvatar1 colonne 18 décl.

Similaires

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é.

quote Testimonial Sections Apparition au scrollSurvolDéfilement +7 16 décl.

testimonial-block stable

Bloc témoignage pour mettre en avant une citation client et renforcer la confiance.

quote Testimonial Sections Défilement horizontalGlisser pour faire défilerIllustration au trait +7 14 décl.

testimonial-single-spotlight stable

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.

quote Testimonial Sections Plusieurs imagesCitationAvatar +3 20 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.

stat-grid Testimonial Sections 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.

card-grid Testimonial Sections Zoom au survolSurvolImage +4 11 décl.

stat-block stable

Bloc de statistiques en grille pour mettre en avant des chiffres de performance ou d'impact.

stat-grid Stats Sections Apparition au scrollSurvolDéfilement +5 17 décl.

Code

Données de la section (à placer dans sections[])

{
  "type": "case-spotlight",
  "variant": "media-left",
  "kicker_fr": "Un cas concret",
  "kicker_en": "A concrete case",
  "title_fr": "Un groupe de distribution divise sa <i>clôture</i> mensuelle par trois",
  "title_en": "A retail group <i>cuts</i> its monthly close by three",
  "media_src": "/images/cases/finance-close.svg",
  "media_alt": "Tableau de bord de clôture comptable augmentée par agents Waimia",
  "media_caption": "Clôture J+3 · réconciliation automatisée",
  "quote_fr": "En deux semaines, un agent comptable utilisé quotidiennement a divisé notre clôture par trois.",
  "quote_en": "In two weeks, a daily-used accounting agent cut our monthly close by three.",
  "attribution_fr": "Directrice financière · Groupe distribution",
  "attribution_en": "CFO · Retail group",
  "metrics": [
    {
      "k": "−72%",
      "label_fr": "temps de clôture mensuelle",
      "label_en": "monthly close time"
    },
    {
      "k": "92%",
      "label_fr": "précision des écritures auto",
      "label_en": "auto-entry accuracy"
    },
    {
      "k": "2 sem.",
      "label_fr": "jusqu’à la mise en production",
      "label_en": "to production"
    }
  ],
  "tags": [
    {
      "fr": "Finance",
      "en": "Finance"
    },
    {
      "fr": "Comptabilité",
      "en": "Accounting"
    },
    {
      "fr": "Agent souverain",
      "en": "Sovereign agent"
    }
  ],
  "cta_href": "/cas-clients",
  "cta_label_fr": "Lire le cas complet",
  "cta_label_en": "Read the full case"
}

Pour un agent / MCP

Détail machine de cette section (intention, rôle, contrat de slots, sections liées).

/library/section/case-spotlight.json

Chemin du détail machine

/library/section/case-spotlight.json