Waimia.
Réserver un audit →

Stats Sections

stat-block

stable Bibliothèque Contenu inline (instance)

Preuve sociale

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

stats metrics grid
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

Rôle de page

Preuve

Modèle de contenu

Contenu inline (instance)

Effets

Apparition au scroll

Interactions

Survol Défilement

Éléments

Illustration au trait Liste Citation

Mise en page

4 colonnes Scindé

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
background Présentation enum Non · paper · paper-2 · paper-3 · ink
h2 Contenu text Non fr / en ·
lede Contenu text Non fr / en ·
quote Contenu text Non fr / en ·
cite Contenu text Non fr / en ·
metrics Contenu array Oui · 1..8
layout Présentation enum Non · grid-3 · grid-4 · rows-hairlines · split-quote

Déclinaisons · 17

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

  • Bloc stats · grille 3 · fond papier

    curée
    stat-block--grid-3-paper

  • Bloc stats · grille 3 · fond papier 3

    curée
    stat-block--grid-3-paper-3

  • Bloc stats · grille 4 · fond papier 2

    curée
    stat-block--grid-4-paper-2

  • Bloc stats · grille 4 · fond encre

    curée
    stat-block--grid-4-ink

  • Bloc stats · lignes filets · fond papier

    curée
    stat-block--rows-hairlines-paper

  • Bloc stats · lignes filets · fond encre

    curée
    stat-block--rows-hairlines-ink

  • Bloc stats · citation scindée · fond papier

    curée
    stat-block--split-quote-paper

  • stat-block · ligne en ligne

    générée
    stat-block--inline-row

  • stat-block · grille uniforme

    générée
    stat-block--grid-uniform

  • stat-block · grand nombre split

    générée
    stat-block--big-number-split

  • stat-block · bento

    générée
    stat-block--bento

  • stat-block · avec contexte

    générée
    stat-block--with-context

  • stat-block · bandeau défilant

    générée
    stat-block--ticker

  • stat-block · paire comparée

    générée
    stat-block--comparison-pair

  • stat-block · ligne KPI

    générée
    stat-block--kpi-row

  • stat-block · double mesure

    générée
    stat-block--dual-metric

  • stat-block · barres de progression

    générée
    stat-block--progress-bars

Comparer les déclinaisons · 17

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.

  • Bloc stats · grille 3 · fond papier

    curée
    stat-block--grid-3-paper
    layout:grid-3background:paper
    Ouvrir dans le builder

  • Bloc stats · grille 3 · fond papier 3

    curée
    stat-block--grid-3-paper-3
    layout:grid-3background:paper-3
    Ouvrir dans le builder

  • Bloc stats · grille 4 · fond papier 2

    curée
    stat-block--grid-4-paper-2
    layout:grid-4background:paper-2
    Ouvrir dans le builder

  • Bloc stats · grille 4 · fond encre

    curée
    stat-block--grid-4-ink
    layout:grid-4
    Ouvrir dans le builder

  • Bloc stats · lignes filets · fond papier

    curée
    stat-block--rows-hairlines-paper
    layout:rows-hairlinesbackground:paper
    Ouvrir dans le builder

  • Bloc stats · lignes filets · fond encre

    curée
    stat-block--rows-hairlines-ink
    layout:rows-hairlines
    Ouvrir dans le builder

  • Bloc stats · citation scindée · fond papier

    curée
    stat-block--split-quote-paper
    background:paper
    Ouvrir dans le builder

  • stat-block · ligne en ligne

    générée
    stat-block--inline-row
    layout:inline-row
    Ouvrir dans le builder

  • stat-block · grille uniforme

    générée
    stat-block--grid-uniform
    layout:grid-uniform
    Ouvrir dans le builder

  • stat-block · grand nombre split

    générée
    stat-block--big-number-split
    layout:big-number-split
    Ouvrir dans le builder

  • stat-block · bento

    générée
    stat-block--bento
    layout:bento
    Ouvrir dans le builder

  • stat-block · avec contexte

    générée
    stat-block--with-context
    layout:with-context
    Ouvrir dans le builder

  • stat-block · bandeau défilant

    générée
    stat-block--ticker
    layout:ticker
    Ouvrir dans le builder

  • stat-block · paire comparée

    générée
    stat-block--comparison-pair
    layout:comparison-pair
    Ouvrir dans le builder

  • stat-block · ligne KPI

    générée
    stat-block--kpi-row
    layout:kpi-row
    Ouvrir dans le builder

  • stat-block · double mesure

    générée
    stat-block--dual-metric
    layout:dual-metric
    Ouvrir dans le builder

  • stat-block · barres de progression

    générée
    stat-block--progress-bars
    layout:progress-bars
    Ouvrir dans le builder

Sections liées

Même famille

key-metric-grid stable

Grille de métriques chiffrées magnifiées (style FT/Bloomberg) composant l'atome KeyMetric : chiffre dominant, label mono, delta optionnel. Axes size/align/variant et 2 à 4 colonnes, fond alterné.

stat-grid Stats Sections 4 colonnes 19 décl.
metric-shift stable

Comparaison avant → après : valeur initiale et finale magnifiées, delta.

stat-grid Stats Sections Apparition au scrollDéfilementIllustration au trait +1 13 décl.
stat-counter stable

Compteur animé count-up déclenché à l’entrée dans le viewport (île React client:visible), grille de 2 à 4 stats. Respecte prefers-reduced-motion et reste lisible sans JS.

stat-grid Stats Sections Compteurs animésApparition au scrollDéfilement +2 13 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.

Même catégorie

key-metric-grid stable

Grille de métriques chiffrées magnifiées (style FT/Bloomberg) composant l'atome KeyMetric : chiffre dominant, label mono, delta optionnel. Axes size/align/variant et 2 à 4 colonnes, fond alterné.

stat-grid Stats Sections 4 colonnes 19 décl.
metric-callout-band stable

Bande d’une à trois métriques héro surdimensionnées accompagnées d’une phrase de contexte. Frappe fort sur un résultat chiffré, sombre par défaut pour la mise en avant.

band Stats Sections Compteurs animésListe3 colonnes 17 décl.
metric-shift stable

Comparaison avant → après : valeur initiale et finale magnifiées, delta.

stat-grid Stats Sections Apparition au scrollDéfilementIllustration au trait +1 13 décl.
proof-bar stable

Barre de preuve compacte pour afficher des métriques clés et renforcer la crédibilité.

band Stats Sections Apparition au scrollDéfilementChiffres clés +2 19 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.
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.

Similaires

logo-wall stable

Grille statique de logos partenaires ou clients, avec effet grayscale vers couleur au hover. Distinct du bandeau animé marquee-band.

marquee Logo Sections Défilement continuZoom au survolApparition au scroll +6 13 décl.
ecosystem-partners stable

Logos partenaires technologiques unifiés (masque alpha + currentColor), groupés par catégorie, grille / mur / marquee, variante dark.

card-grid Logo Sections Défilement continuSurvolIllustration au trait +4 20 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.

card-grid Logo Sections SurvolPlusieurs imagesLogos +2 8 décl.
social-proof stable

Section de logos clients ou partenaires pour installer une preuve sociale immédiate.

band Logo Sections Défilement continuLogosListe +1 19 décl.
logo-marquee stable

Bandeau de logos image à défilement infini (« ils nous font confiance »), marquee CSS, grayscale optionnel. Respecte prefers-reduced-motion. Distinct du marquee-band texte mono.

marquee Logo Sections Défilement continuSurvolLecture automatique +3 13 décl.
marquee-band stable

Bandeau marquee mono uppercase à défilement horizontal infini · items + séparateurs · respecte prefers-reduced-motion.

marquee Logo Sections Défilement continu1 colonne 9 décl.

Code

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

{
  "type": "stat-block",
  "background": "ink",
  "h2_fr": "Signal <i>terrain</i>",
  "h2_en": "Field <i>signal</i>",
  "quote_fr": "En cinq jours, nous avions un workflow déployé et un plan d'action validé par le comité.",
  "quote_en": "Within five days, we had a deployed workflow and an action plan approved by the committee.",
  "cite_fr": "Direction des opérations · Cabinet conseil B2B",
  "cite_en": "Operations lead · B2B consulting firm",
  "metrics": [
    {
      "value": "5 j",
      "label_fr": "pour cibler le levier",
      "label_en": "to pinpoint the lever",
      "emphasis": true
    },
    {
      "value": "4 sem.",
      "label_fr": "au premier workflow",
      "label_en": "to first workflow",
      "emphasis": false
    },
    {
      "value": "1",
      "label_fr": "interlocuteur unique",
      "label_en": "single point of contact",
      "emphasis": false
    },
    {
      "value": "Mesuré",
      "label_fr": "ROI, jamais estimé",
      "label_en": "ROI, never estimated",
      "emphasis": false
    }
  ],
  "layout": "split-quote"
}

Pour un agent / MCP

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

/library/section/stat-block.json

Chemin du détail machine

/library/section/stat-block.json