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. ← Familles
§ Famille · 5 variantes · 30 déclinaisons
stat-grid
5 variantes (5 stables) partagent la forme « stat-grid ». Chaque card ouvre la fiche technique ; les déclinaisons (presets) se prévisualisent en ligne.
9 déclinaisons
-
KPI clés · grille · fond papier 2
-
KPI clés · grille · fond papier 3
-
KPI clés · trois colonnes
-
KPI clés · deux colonnes · chiffres géants
-
KPI clés · alignés au centre
-
KPI clés · chiffres géants centrés · papier 2
-
KPI clés · trois colonnes · dense · papier 2
-
KPI clés · grille · encre
-
KPI clés · chiffres géants centrés · encre
metric-shift stable Comparaison avant → après : valeur initiale et finale magnifiées, delta.
Apparition au scrollDéfilementIllustration au trait +1 3 décl.3 déclinaisons
-
Avant → après · fond papier 2
-
Avant → après · fond papier 3
-
Avant → après · fond encre
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.7 déclinaisons
-
Bloc stats · grille 3 · fond papier
-
Bloc stats · grille 3 · fond papier 3
-
Bloc stats · grille 4 · fond papier 2
-
Bloc stats · grille 4 · fond encre
-
Bloc stats · lignes filets · fond papier
-
Bloc stats · lignes filets · fond encre
-
Bloc stats · citation scindée · fond papier
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.3 déclinaisons
-
Compteurs · fond papier
-
Compteurs · fond papier 2
-
Compteurs · fond papier 3
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.
Apparition au scrollDéfilementLogos +3 8 décl.8 déclinaisons
-
Témoignage chiffré · citation à gauche · encre
-
Témoignage chiffré · citation à gauche · papier
-
Témoignage chiffré · citation à gauche · papier 2
-
Témoignage chiffré · citation à droite · encre
-
Témoignage chiffré · citation à droite · papier
-
Témoignage chiffré · citation à droite · papier 3
-
Témoignage chiffré · citation à gauche · papier 3
-
Témoignage chiffré · citation à droite · papier 2