Testimonial Sections

testimonial-logo-metric

stable Bibliothèque Contenu inline (instance)

Preuve sociale, Montrer les réalisations

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

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
`kicker`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Non	fr / en	·
`cards`	Contenu	`array`	Oui	·	2..6

Déclinaisons · 16

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 4 curées, 12 générées.

Cartes logo + métrique · papier
curée
testimonial-logo-metric--paper
Cartes logo + métrique · papier 2
curée
testimonial-logo-metric--paper-2
Cartes logo + métrique · papier 3
curée
testimonial-logo-metric--paper-3
Cartes logo + métrique · encre
curée
testimonial-logo-metric--ink
testimonial-logo-metric · prose
générée
testimonial-logo-metric--prose
testimonial-logo-metric · deux colonnes
générée
testimonial-logo-metric--two-col
testimonial-logo-metric · liste
générée
testimonial-logo-metric--list
testimonial-logo-metric · lignes séparées
générée
testimonial-logo-metric--rows-divided
testimonial-logo-metric · chapeau + aparté
générée
testimonial-logo-metric--lead-aside
testimonial-logo-metric · lettrine
générée
testimonial-logo-metric--drop-cap
testimonial-logo-metric · citation détachée
générée
testimonial-logo-metric--pull-quote
testimonial-logo-metric · énoncé centré
générée
testimonial-logo-metric--centered-statement
testimonial-logo-metric · note de marge
générée
testimonial-logo-metric--sidenote
testimonial-logo-metric · prose numérotée
générée
testimonial-logo-metric--numbered-prose
testimonial-logo-metric · chapeau 2 colonnes
générée
testimonial-logo-metric--two-col-lead
testimonial-logo-metric · grand énoncé
générée
testimonial-logo-metric--statement-big

Comparer les déclinaisons · 16

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.

Cartes logo + métrique · papier
curée
testimonial-logo-metric--paper
background:paper
Ouvrir dans le builder
Cartes logo + métrique · papier 2
curée
testimonial-logo-metric--paper-2
Identique à la démo par défaut (aucun axe surchargé).
Ouvrir dans le builder
Cartes logo + métrique · papier 3
curée
testimonial-logo-metric--paper-3
background:paper-3
Ouvrir dans le builder
Cartes logo + métrique · encre
curée
testimonial-logo-metric--ink
background:ink
Ouvrir dans le builder
testimonial-logo-metric · prose
générée
testimonial-logo-metric--prose
layout:prose
Ouvrir dans le builder
testimonial-logo-metric · deux colonnes
générée
testimonial-logo-metric--two-col
layout:two-col
Ouvrir dans le builder
testimonial-logo-metric · liste
générée
testimonial-logo-metric--list
layout:list
Ouvrir dans le builder
testimonial-logo-metric · lignes séparées
générée
testimonial-logo-metric--rows-divided
layout:rows-divided
Ouvrir dans le builder
testimonial-logo-metric · chapeau + aparté
générée
testimonial-logo-metric--lead-aside
layout:lead-aside
Ouvrir dans le builder
testimonial-logo-metric · lettrine
générée
testimonial-logo-metric--drop-cap
layout:drop-cap
Ouvrir dans le builder
testimonial-logo-metric · citation détachée
générée
testimonial-logo-metric--pull-quote
layout:pull-quote
Ouvrir dans le builder
testimonial-logo-metric · énoncé centré
générée
testimonial-logo-metric--centered-statement
layout:centered-statement
Ouvrir dans le builder
testimonial-logo-metric · note de marge
générée
testimonial-logo-metric--sidenote
layout:sidenote
Ouvrir dans le builder
testimonial-logo-metric · prose numérotée
générée
testimonial-logo-metric--numbered-prose
layout:numbered-prose
Ouvrir dans le builder
testimonial-logo-metric · chapeau 2 colonnes
générée
testimonial-logo-metric--two-col-lead
layout:two-col-lead
Ouvrir dans le builder
testimonial-logo-metric · grand énoncé
générée
testimonial-logo-metric--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.

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.

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

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.

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.

case-spotlight stable

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

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.

Similaires

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.

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.

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.

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.

spec-bar stable

Barre de spécifications projet N colonnes (label mono + valeur) avec grille CSS var, extrait de CaseStudyTemplate.

band Stats Sections Apparition au scrollDéfilement3 colonnes 16 décl.

Code

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

{
  "type": "testimonial-logo-metric",
  "background": "paper-2",
  "kicker_fr": "Preuve client",
  "kicker_en": "Client proof",
  "h2_fr": "Des équipes qui <i>livrent</i> plus vite",
  "h2_en": "Teams that <i>ship</i> faster",
  "cards": [
    {
      "company": "Lumen Retail",
      "quote_fr": "Waimia a remplacé un workflow manuel de trois jours par un agent qui tourne en continu. On a récupéré nos équipes pour le travail à valeur.",
      "quote_en": "Waimia replaced a three-day manual workflow with an agent that runs continuously. We freed our teams for high-value work.",
      "author": "Camille Rousseau",
      "role_fr": "Directrice des opérations",
      "role_en": "Head of Operations",
      "metric_value": "-72%",
      "metric_label_fr": "temps de traitement",
      "metric_label_en": "processing time",
      "href": "#"
    },
    {
      "company": "Atlas Finance",
      "quote_fr": "Le déploiement a pris deux semaines, pas deux trimestres. Chaque décision de l'agent est traçable, ce qui a convaincu notre conformité.",
      "quote_en": "Roll-out took two weeks, not two quarters. Every agent decision is traceable, which won over our compliance team.",
      "author": "Marc Devauchelle",
      "role_fr": "Responsable transformation",
      "role_en": "Transformation Lead",
      "metric_value": "14j",
      "metric_label_fr": "jusqu’à la mise en production",
      "metric_label_en": "to production",
      "href": "#"
    }
  ]
}

Pour un agent / MCP

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

/library/section/testimonial-logo-metric.json

Chemin du détail machine

/library/section/testimonial-logo-metric.json