§ Catégorie marketplace · 3 familles · 9 sections
Blocks de la catégorie Stats Sections, pilotés par le registry Waimia. Entre par une famille, ou ouvre toutes les variantes plus bas.
Regroupements par forme dans cette catégorie. Ouvre-en une pour comparer ses variantes et leurs déclinaisons.
9 sections de la catégorie. Clique une carte pour sa fiche technique.
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.
Compteurs animésApparition au scrollDéfilement +2 3 décl.proof-bar stable Barre de preuve compacte pour afficher des métriques clés et renforcer la crédibilité.
Apparition au scrollDéfilementChiffres clés +2 5 décl.stat-block stable Bloc de statistiques en grille pour mettre en avant des chiffres de performance ou d'impact.
Apparition au scrollSurvolDéfilement +5 7 décl.metric-shift stable Comparaison avant → après : valeur initiale et finale magnifiées, delta.
Apparition au scrollDéfilementIllustration au trait +1 3 décl.spec-bar stable Barre de spécifications projet N colonnes (label mono + valeur) avec grille CSS var, extrait de CaseStudyTemplate.
Apparition au scrollDéfilement3 colonnes 2 décl.stats-bento stable Quatre KPI en grille bento de tailles inegales : une grande cellule avec chiffre geant et trois cellules secondaires, plus un bandeau bas pleine largeur.
Apparition au scrollDéfilementChiffres clés +2 17 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.
Apparition au scrollDéfilementIllustration au trait +2 3 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.
Compteurs animésListe3 colonnes 3 décl.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é.
4 colonnes 9 décl.