Stats Sections

stats-bento

stable Bibliothèque Contenu inline (instance)

Preuve sociale, Établir la crédibilité

Quatre KPI en grille bento de tailles inegales : une grande cellule avec chiffre geant et trois cellules secondaires, plus un bandeau bas pleine largeur.

Ouvrir dans le builder

Instances sur le site

Global 1 instance sur 1 page

Page	Position	Contenu	Variante
/services/template-service-ref	`section 10`	Ce que le système change	ink

Aperçu

Comment l'utiliser

Intention

Preuve sociale Établir la crédibilité

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
`density`	Présentation	`enum`	Non	·	compact · base · ample
`columns`	Présentation	`enum`	Non	·	2 · 3 · 4 · auto
`layout`	Présentation	`enum`	Non	·	bento · grid-uniform · matrix-2x2 · list
`itemHeight`	Présentation	`enum`	Non	·	auto · even · square · video
`contentAlign`	Présentation	`enum`	Non	·	start · center · end
`placement`	Présentation	`object`	Non	·	·
`kicker`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`stats`	Contenu	`array`	Oui	·	2..6

Déclinaisons · 27

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

Stats bento · papier
curée
stats-bento--paper
Stats bento · papier 2
curée
stats-bento--paper-2
Stats bento · papier 3
curée
stats-bento--paper-3
Stats bento · encre
curée
stats-bento--ink
Stats bento · grille fluide adaptative
curée
stats-bento--auto-fluide
Stats bento · 3 colonnes · dense
curée
stats-bento--3col-compact
Stats bento · 4 colonnes
curée
stats-bento--4col
Stats bento · 2 colonnes · aéré
curée
stats-bento--2col-ample
Stats bento · encre · dense
curée
stats-bento--ink-compact
Stats bento · encre · aéré
curée
stats-bento--ink-ample
Stats · grille uniforme 3 colonnes
curée
stats-bento--grid-uniform-3
Stats · grille uniforme 4 colonnes
curée
stats-bento--grid-uniform-4
Stats · matrice 2×2 carrée
curée
stats-bento--matrix-2x2
Stats · liste éditoriale (1 par ligne)
curée
stats-bento--list
Stats · liste éditoriale · encre
curée
stats-bento--list-ink
Stats · grille uniforme · cellules carrées
curée
stats-bento--grid-uniform-square
Stats · en-tête centré (atomique)
curée
stats-bento--atomic-header-center
stats-bento · ligne en ligne
générée
stats-bento--inline-row
stats-bento · grille uniforme
générée
stats-bento--grid-uniform
stats-bento · grand nombre split
générée
stats-bento--big-number-split
stats-bento · bento
générée
stats-bento--bento
stats-bento · avec contexte
générée
stats-bento--with-context
stats-bento · bandeau défilant
générée
stats-bento--ticker
stats-bento · paire comparée
générée
stats-bento--comparison-pair
stats-bento · ligne KPI
générée
stats-bento--kpi-row
stats-bento · double mesure
générée
stats-bento--dual-metric
stats-bento · barres de progression
générée
stats-bento--progress-bars

Comparer les déclinaisons · 27

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.

Stats bento · papier
curée
stats-bento--paper
background:paper
Ouvrir dans le builder
Stats bento · papier 2
curée
stats-bento--paper-2
background:paper-2
Ouvrir dans le builder
Stats bento · papier 3
curée
stats-bento--paper-3
background:paper-3
Ouvrir dans le builder
Stats bento · encre
curée
stats-bento--ink
background:ink
Ouvrir dans le builder
Stats bento · grille fluide adaptative
curée
stats-bento--auto-fluide
background:papercolumns:auto
Ouvrir dans le builder
Stats bento · 3 colonnes · dense
curée
stats-bento--3col-compact
background:paper-2columns:3density:compact
Ouvrir dans le builder
Stats bento · 4 colonnes
curée
stats-bento--4col
background:papercolumns:4
Ouvrir dans le builder
Stats bento · 2 colonnes · aéré
curée
stats-bento--2col-ample
background:paper-3columns:2density:ample
Ouvrir dans le builder
Stats bento · encre · dense
curée
stats-bento--ink-compact
background:inkdensity:compact
Ouvrir dans le builder
Stats bento · encre · aéré
curée
stats-bento--ink-ample
background:inkdensity:ample
Ouvrir dans le builder
Stats · grille uniforme 3 colonnes
curée
stats-bento--grid-uniform-3
background:paperlayout:grid-uniformcolumns:3
Ouvrir dans le builder
Stats · grille uniforme 4 colonnes
curée
stats-bento--grid-uniform-4
background:paper-2layout:grid-uniformcolumns:4
Ouvrir dans le builder
Stats · matrice 2×2 carrée
curée
stats-bento--matrix-2x2
background:paperlayout:matrix-2x2
Ouvrir dans le builder
Stats · liste éditoriale (1 par ligne)
curée
stats-bento--list
background:paperlayout:list
Ouvrir dans le builder
Stats · liste éditoriale · encre
curée
stats-bento--list-ink
background:inklayout:list
Ouvrir dans le builder
Stats · grille uniforme · cellules carrées
curée
stats-bento--grid-uniform-square
background:paper-3layout:grid-uniformcolumns:3itemHeight:square
Ouvrir dans le builder
Stats · en-tête centré (atomique)
curée
stats-bento--atomic-header-center
background:paperlayout:grid-uniformcolumns:3placement
Ouvrir dans le builder
stats-bento · ligne en ligne
générée
stats-bento--inline-row
layout:inline-row
Ouvrir dans le builder
stats-bento · grille uniforme
générée
stats-bento--grid-uniform
layout:grid-uniform
Ouvrir dans le builder
stats-bento · grand nombre split
générée
stats-bento--big-number-split
layout:big-number-split
Ouvrir dans le builder
stats-bento · bento
générée
stats-bento--bento
layout:bento
Ouvrir dans le builder
stats-bento · avec contexte
générée
stats-bento--with-context
layout:with-context
Ouvrir dans le builder
stats-bento · bandeau défilant
générée
stats-bento--ticker
layout:ticker
Ouvrir dans le builder
stats-bento · paire comparée
générée
stats-bento--comparison-pair
layout:comparison-pair
Ouvrir dans le builder
stats-bento · ligne KPI
générée
stats-bento--kpi-row
layout:kpi-row
Ouvrir dans le builder
stats-bento · double mesure
générée
stats-bento--dual-metric
layout:dual-metric
Ouvrir dans le builder
stats-bento · barres de progression
générée
stats-bento--progress-bars
layout:progress-bars
Ouvrir dans le builder

Sections liées

Même famille

bento-grid stable

Mosaique bento asymetrique de 5 cellules (1 grande 2x2 + 4 petites) pour valoriser les capacites cles avec une mise en page moderne.

bento Feature Sections IcônesCartesListe +1 26 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

testimonial-wall stable

Mur d'avis masonry : citations clients surlignées, note moyenne et profils LinkedIn pour une preuve sociale dense.

card-grid Testimonial Sections Apparition au scrollZoom au survolSurvol +6 23 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.

eeat-panel stable

Panneau E-E-A-T auteur/autorité à 4 variantes (media, columns, light, hero) : dashboard bento ou colonnes accent qui rassemblent auteur, repères, secteurs, articles, services, outil et engagements. Contenu single-source (EEAT_PACK), avis honnête (engagements + note studio solo, 0 témoignage). Variantes ink/paper, reveal-stagger, responsive.

prose Trust Sections Apparition au scrollSurvolDéfilement +8 16 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.

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.

provenance-chip stable

Chip de provenance E-E-A-T : badge plein (projet realise) ou outline (etude sources tierces), cliquable vers la page methodologie.

band Trust Sections Apparition au scrollSurvolBadge +1 15 décl.

Code

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

{
  "type": "stats-bento",
  "kicker_fr": "Resultats · clients Waimia",
  "kicker_en": "Results · Waimia clients",
  "h2_fr": "Des <i>chiffres</i> qui parlent",
  "h2_en": "Numbers that <i>speak</i>",
  "stats": [
    {
      "value": "3.4x",
      "label_fr": "Croissance moyenne du pipeline commercial en 90 jours",
      "label_en": "Average pipeline growth in 90 days",
      "delta": "+240%"
    },
    {
      "value": "18h",
      "label_fr": "Économisées par semaine grâce aux workflows IA",
      "label_en": "Saved per week with AI workflows",
      "delta": "-72%"
    },
    {
      "value": "94%",
      "label_fr": "Taux de satisfaction client après déploiement",
      "label_en": "Client satisfaction rate after deployment"
    },
    {
      "value": "5 jours",
      "label_fr": "Durée moyenne d'une mission Activation de A à Z",
      "label_en": "Average duration of an Activation mission end to end",
      "delta": "vs 6 sem. marche"
    },
    {
      "value": "12",
      "label_fr": "Workflows agentiques déployés en moyenne par client Growth",
      "label_en": "Agentic workflows deployed on average per Growth client",
      "delta": "+8 vs pilote"
    },
    {
      "value": "60 j",
      "label_fr": "Délai médian entre le pilote et le premier résultat mesuré",
      "label_en": "Median delay between pilot and first measured result",
      "delta": "-50%"
    }
  ]
}

Pour un agent / MCP

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

/library/section/stats-bento.json

Chemin du détail machine

/library/section/stats-bento.json