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.
← Retour design system
§ Catégorie marketplace · 8 sections
Stats Sections
Blocks de la catégorie Stats Sections, pilotés par le registry Waimia.
proof-bar stable Barre de preuve compacte pour afficher des métriques clés et renforcer la crédibilité.
stat-block stable Bloc de statistiques en grille pour mettre en avant des chiffres de performance ou d'impact.
metric-shift stable Comparaison avant → après : valeur initiale et finale magnifiées, delta.
spec-bar stable Barre de spécifications projet N colonnes (label mono + valeur) avec grille CSS var, extrait de CaseStudyTemplate.
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.
roi-band stable Bande ROI sur fond ink : en-tête eyebrow et titre display, chiffres KeyMetric placés en asymétrie 6/5.
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.