Testimonial Sections

off-proof

stable Bibliothèque Contenu inline (instance)

Preuve sociale, Montrer les réalisations

Signal terrain : citation client (PullQuote) à gauche et grille de chiffres KeyMetric à droite, en asymétrie 5/7 avec séparateur Dingbat.

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
`eyebrow`	Présentation	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Non	fr / en	·
`quote`	Contenu	`text`	Oui	fr / en	·
`attribution`	Contenu	`text`	Oui	·	·
`metrics`	Contenu	`array`	Oui	·	2..8

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.

Preuve terrain · papier
curée
off-proof--paper
Preuve terrain · papier 2
curée
off-proof--paper-2
Preuve terrain · papier 3
curée
off-proof--paper-3
Preuve terrain · encre
curée
off-proof--ink
off-proof · prose
générée
off-proof--prose
off-proof · deux colonnes
générée
off-proof--two-col
off-proof · liste
générée
off-proof--list
off-proof · lignes séparées
générée
off-proof--rows-divided
off-proof · chapeau + aparté
générée
off-proof--lead-aside
off-proof · lettrine
générée
off-proof--drop-cap
off-proof · citation détachée
générée
off-proof--pull-quote
off-proof · énoncé centré
générée
off-proof--centered-statement
off-proof · note de marge
générée
off-proof--sidenote
off-proof · prose numérotée
générée
off-proof--numbered-prose
off-proof · chapeau 2 colonnes
générée
off-proof--two-col-lead
off-proof · grand énoncé
générée
off-proof--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.

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

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.

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.

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

roi-band stable

Bande ROI sur fond ink : en-tête eyebrow et titre display, chiffres KeyMetric placés en asymétrie 6/5.

band Stats Sections Apparition au scrollDéfilementIllustration au trait +2 17 décl.

Code

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

{
  "type": "off-proof",
  "eyebrow_fr": "§ Avant / Après",
  "eyebrow_en": "§ Before / After",
  "h2_fr": "Signal<br/><i>terrain</i>",
  "h2_en": "Field<br/><i>signal</i>",
  "quote_fr": "Le pipeline tourne maintenant tout seul. On a récupéré nos fins de mois.",
  "quote_en": "The pipeline now runs on its own. We got our month-ends back.",
  "attribution": "DAF · ETI industrielle 600 personnes",
  "metrics": [
    {
      "value": "−80 %",
      "label_fr": "Temps de réconciliation",
      "label_en": "Reconciliation time"
    },
    {
      "value": "×4",
      "label_fr": "Vitesse de production des mémos",
      "label_en": "Memo production speed"
    },
    {
      "value": "−6 j",
      "label_fr": "Délai de clôture mensuelle",
      "label_en": "Monthly close lead time"
    },
    {
      "value": "99,4 %",
      "label_fr": "Écritures rapprochées sans intervention",
      "label_en": "Entries matched without intervention"
    },
    {
      "value": "3 mois",
      "label_fr": "Retour sur investissement",
      "label_en": "Return on investment"
    }
  ]
}

Pour un agent / MCP

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

/library/section/off-proof.json

Chemin du détail machine

/library/section/off-proof.json