Stats Sections

roi-band

stable Sur waimia · 5 Contenu inline (instance)

Preuve sociale

Bande ROI sur fond ink : en-tête eyebrow et titre display, chiffres KeyMetric placés en asymétrie 6/5.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/content/solutions/agent-marketing-commercial.mdx
src/content/solutions/content-marketing-ia.mdx
src/content/solutions/contenu-seo-geo-ia.mdx
src/content/solutions/publicite-en-ligne.mdx
src/content/solutions/tunnel-de-vente.mdx

Aperçu

Comment l'utiliser

Intention

Preuve sociale

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
`eyebrow`	Présentation	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`metrics`	Contenu	`array`	Oui	·	2..6

Déclinaisons · 17

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 3 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.

Bande ROI · papier
curée
roi-band--paper
Bande ROI · papier 2
curée
roi-band--paper-2
Bande ROI · papier 3
curée
roi-band--paper-3
roi-band · en ligne · aligné début
générée
roi-band--inline-start
roi-band · en ligne · centré
générée
roi-band--inline-center
roi-band · empilé · aligné début
générée
roi-band--stacked-start
roi-band · empilé · centré
générée
roi-band--stacked-center
roi-band · centré · aligné début
générée
roi-band--centered-start
roi-band · centré · centré
générée
roi-band--centered-center
roi-band · pleine largeur · aligné début
générée
roi-band--full-bleed-start
roi-band · pleine largeur · centré
générée
roi-band--full-bleed-center
roi-band · split image · aligné début
générée
roi-band--split-image-start
roi-band · split image · centré
générée
roi-band--split-image-center
roi-band · encadré · aligné début
générée
roi-band--boxed-start
roi-band · encadré · centré
générée
roi-band--boxed-center

Comparer les déclinaisons · 15

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.

Bande ROI · papier
curée
roi-band--paper
background:paper
Ouvrir dans le builder
Bande ROI · papier 2
curée
roi-band--paper-2
background:paper-2
Ouvrir dans le builder
Bande ROI · papier 3
curée
roi-band--paper-3
background:paper-3
Ouvrir dans le builder
roi-band · en ligne · aligné début
générée
roi-band--inline-start
layout:inlinealign:start
Ouvrir dans le builder
roi-band · en ligne · centré
générée
roi-band--inline-center
layout:inlinealign:center
Ouvrir dans le builder
roi-band · empilé · aligné début
générée
roi-band--stacked-start
layout:stackedalign:start
Ouvrir dans le builder
roi-band · empilé · centré
générée
roi-band--stacked-center
layout:stackedalign:center
Ouvrir dans le builder
roi-band · centré · aligné début
générée
roi-band--centered-start
layout:centeredalign:start
Ouvrir dans le builder
roi-band · centré · centré
générée
roi-band--centered-center
layout:centeredalign:center
Ouvrir dans le builder
roi-band · pleine largeur · aligné début
générée
roi-band--full-bleed-start
layout:full-bleedalign:start
Ouvrir dans le builder
roi-band · pleine largeur · centré
générée
roi-band--full-bleed-center
layout:full-bleedalign:center
Ouvrir dans le builder
roi-band · split image · aligné début
générée
roi-band--split-image-start
layout:split-imagealign:start
Ouvrir dans le builder
roi-band · split image · centré
générée
roi-band--split-image-center
layout:split-imagealign:center
Ouvrir dans le builder
roi-band · encadré · aligné début
générée
roi-band--boxed-start
layout:boxedalign:start
Ouvrir dans le builder
roi-band · encadré · centré
générée
roi-band--boxed-center
layout:boxedalign:center
Ouvrir dans le builder

Sections liées

Même famille

announcement-banner stable

Bandeau d’annonce/promo fin : badge optionnel, texte court et lien, bouton de fermeture optionnel (dismissible), variantes accent, encre ou paper-2.

band Banner Sections SurvolBoutonsIcônes +2 17 décl.

branded-callout stable

Callout de marque fond paper-2 avec kicker §, titre display italique et corps de deux paragraphes, CTA optionnel.

band CTA Sections Apparition au scrollDéfilementBoutons +1 20 décl.

closing-cta-band stable

Bande CTA de cloture sur fond ink : kicker + titre display-lg (accent italique) + bouton primaire. Titre rendu en HTML (accent <em>).

band CTA Sections Apparition au scrollSurvolBoutons +1 17 décl.

comparison-pricing-callout stable

Bloc « pourquoi nous » en trois colonnes de propositions de valeur, terminé par un CTA et une mention. Sert de pont entre les features et la page tarifaire.

band Comparison Sections Illustration au traitListe3 colonnes 18 décl.

cta-band stable

Bandeau CTA horizontal pour relancer une action au milieu ou en fin de parcours.

band CTA Sections BoutonsPleine largeur 17 décl.

cta-final stable

CTA final pour conclure une page et orienter vers l'action de conversion principale.

band CTA Sections Apparition au scrollSurvolDéfilement +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.

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.

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.

Similaires

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.

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.

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.

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.

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.

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.

Code

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

{
  "type": "roi-band",
  "eyebrow_fr": "§ Preuve macro",
  "eyebrow_en": "§ Macro proof",
  "h2_fr": "<i>Preuve</i> macro",
  "h2_en": "<i>Macro</i> proof",
  "metrics": [
    {
      "value": "−80 %",
      "label_fr": "Temps de réconciliation",
      "label_en": "Reconciliation time"
    },
    {
      "value": "×4",
      "label_fr": "Vitesse de production des mémos",
      "label_en": "Memo production speed"
    },
    {
      "value": "−6 j",
      "label_fr": "Délai de clôture mensuelle",
      "label_en": "Monthly close lead time"
    },
    {
      "value": "99,4 %",
      "label_fr": "Écritures rapprochées sans intervention",
      "label_en": "Entries matched without intervention"
    }
  ]
}

Pour un agent / MCP

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

/library/section/roi-band.json

Chemin du détail machine

/library/section/roi-band.json