Hero Header Sections
hero-pillar-hub
stable Bibliothèque Contenu inline (instance)Énoncer la proposition de valeur
Hero de page pilier avec titre maximal et grille de statistiques quatre colonnes optionnelle.
Instances sur le site
Global 0 instance en page composable
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
background | Présentation | enum | Non | · | paper · paper-2 · paper-3 · ink |
meta_kicker | Contenu | text | Oui | fr / en | · |
hub_num | Contenu | text | Oui | · | · |
h1 | Contenu | text | Oui | fr / en | · |
lede | Contenu | text | Oui | fr / en | · |
stats | Contenu | array | Non | · | 2..4 |
Déclinaisons · 16
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 3 curées, 13 générées. Échantillon des 12 premières générées (sur 13) ; toutes accessibles en rendu isolé.
-
Hero hub piliers · papier 2
curéehero-pillar-hub--paper-2 -
Hero hub piliers · papier 3
curéehero-pillar-hub--paper-3 -
Hero hub piliers · encre
curéehero-pillar-hub--ink -
hero-pillar-hub · split
généréehero-pillar-hub--split -
hero-pillar-hub · centré
généréehero-pillar-hub--centered -
hero-pillar-hub · masthead
généréehero-pillar-hub--masthead -
hero-pillar-hub · entonnoir
généréehero-pillar-hub--funnel -
hero-pillar-hub · image pleine
généréehero-pillar-hub--full-bleed-image -
hero-pillar-hub · empilé
généréehero-pillar-hub--stacked -
hero-pillar-hub · minimal
généréehero-pillar-hub--minimal -
hero-pillar-hub · avec formulaire
généréehero-pillar-hub--with-form -
hero-pillar-hub · split inversé
généréehero-pillar-hub--split-reverse -
hero-pillar-hub · fond vidéo
généréehero-pillar-hub--video-bg -
hero-pillar-hub · centré étroit
généréehero-pillar-hub--centered-narrow -
hero-pillar-hub · avec bande de logos
généréehero-pillar-hub--with-logos-strip
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.
-
Hero hub piliers · papier 2
curéehero-pillar-hub--paper-2background:paper-2Ouvrir dans le builder -
Hero hub piliers · papier 3
curéehero-pillar-hub--paper-3background:paper-3Ouvrir dans le builder -
Hero hub piliers · encre
curéehero-pillar-hub--inkbackground:inkOuvrir dans le builder -
hero-pillar-hub · split
généréehero-pillar-hub--splitlayout:splitOuvrir dans le builder -
hero-pillar-hub · centré
généréehero-pillar-hub--centeredlayout:centeredOuvrir dans le builder -
hero-pillar-hub · masthead
généréehero-pillar-hub--mastheadlayout:mastheadOuvrir dans le builder -
hero-pillar-hub · entonnoir
généréehero-pillar-hub--funnellayout:funnelOuvrir dans le builder -
hero-pillar-hub · image pleine
généréehero-pillar-hub--full-bleed-imagelayout:full-bleed-imageOuvrir dans le builder -
hero-pillar-hub · empilé
généréehero-pillar-hub--stackedlayout:stackedOuvrir dans le builder -
hero-pillar-hub · minimal
généréehero-pillar-hub--minimallayout:minimalOuvrir dans le builder -
hero-pillar-hub · avec formulaire
généréehero-pillar-hub--with-formlayout:with-formOuvrir dans le builder -
hero-pillar-hub · split inversé
généréehero-pillar-hub--split-reverselayout:split-reverseOuvrir dans le builder -
hero-pillar-hub · fond vidéo
généréehero-pillar-hub--video-bglayout:video-bgOuvrir dans le builder -
hero-pillar-hub · centré étroit
généréehero-pillar-hub--centered-narrowlayout:centered-narrowOuvrir dans le builder -
hero-pillar-hub · avec bande de logos
généréehero-pillar-hub--with-logos-striplayout:with-logos-stripOuvrir dans le builder
Sections liées
Même famille
hero-academy-hub stable Hero hub académie : kicker mono, h1 display, lede et bande de stats mono (cours, parcours, alumni).
Apparition au scrollSurvolDéfilement +8 16 décl.hero-asymmetric-grid stable Héro plein écran en grille multi-lignes asymétrique : titre serif pleine largeur, rangée 2 colonnes (label + lede + 2 CTA à gauche, label + puces fléchées à droite), puis bande de 4 KPI dont la dernière cellule est inversée en ink. Variante paper et ink, responsive.
BoutonsListeChiffres clés +1 14 décl.hero-atlas stable Hero Atlas en deux colonnes avec signature grid, copy éditoriale, CTAs et mini-map des quatre piliers.
Apparition au scrollDéfilementImage de fond +4 16 décl.hero-author stable Hero de page auteur : 2-col copy/portrait, breadcrumb équipe, role eyebrow, h1 split prénom+nom italic accent, lede display.
Apparition au scrollSurvolDéfilement +8 16 décl.hero-baseline-stats stable Héro plein écran à impact typographique : kicker, titre serif géant et lede court en tête, rangée de 4 KPI poussée en baseline (séparée par une hairline forte). CTA optionnel, pas de média. Variante paper et ink, responsive (KPI 2 colonnes sur mobile).
BoutonsListeChiffres clés +1 14 décl.hero-capability-band stable Héro plein écran : titre serif accent et lede alignés à gauche (~70 % de large), puis une bande de capacités asymétrique pleine largeur de 5 cellules dont la 3e (large, accent) porte un KPI serif, les 4 autres des capacités mono. Variante paper et ink, responsive.
BoutonsListeChiffres clés +1 14 décl.Même catégorie
hero-academy-hub stable Hero hub académie : kicker mono, h1 display, lede et bande de stats mono (cours, parcours, alumni).
Apparition au scrollSurvolDéfilement +8 16 décl.hero-asymmetric-grid stable Héro plein écran en grille multi-lignes asymétrique : titre serif pleine largeur, rangée 2 colonnes (label + lede + 2 CTA à gauche, label + puces fléchées à droite), puis bande de 4 KPI dont la dernière cellule est inversée en ink. Variante paper et ink, responsive.
BoutonsListeChiffres clés +1 14 décl.hero-atlas stable Hero Atlas en deux colonnes avec signature grid, copy éditoriale, CTAs et mini-map des quatre piliers.
Apparition au scrollDéfilementImage de fond +4 16 décl.hero-author stable Hero de page auteur : 2-col copy/portrait, breadcrumb équipe, role eyebrow, h1 split prénom+nom italic accent, lede display.
Apparition au scrollSurvolDéfilement +8 16 décl.hero-baseline-stats stable Héro plein écran à impact typographique : kicker, titre serif géant et lede court en tête, rangée de 4 KPI poussée en baseline (séparée par une hairline forte). CTA optionnel, pas de média. Variante paper et ink, responsive (KPI 2 colonnes sur mobile).
BoutonsListeChiffres clés +1 14 décl.hero-capability-band stable Héro plein écran : titre serif accent et lede alignés à gauche (~70 % de large), puis une bande de capacités asymétrique pleine largeur de 5 cellules dont la 3e (large, accent) porte un KPI serif, les 4 autres des capacités mono. Variante paper et ink, responsive.
BoutonsListeChiffres clés +1 14 décl.Similaires
hero-hub-stats stable Hero hub avec stats : meta kicker double + numéro § accent + h1 maximal, lede, grille KeyMetric 4-col en pied avec accent.
Apparition au scrollDéfilementPlusieurs images +8 16 décl.hero-conversion-funnel stable Hero magnétique flagship : kicker num + h1 monumental, lede, meta pills, benefits checklist, ligne preuve mono, double CTA et grille stats 4-col.
Apparition au scrollDéfilementPlusieurs images +8 15 décl.hero-social-proof stable Hero centré avec preuve sociale above-the-fold : titre, CTA, note clients optionnelle et bande de chiffres clés (StatRow) sous le pli haut.
Apparition au scrollDéfilementBoutons +2 16 décl.hero-hub-listing deprecated (déprécié → hero-hub-masthead variant=listing) Hero éditorial de hub avec titre monumental et lede courte, sans appel à l'action, pour pages de listing.
Apparition au scrollSurvolDéfilement +8 16 décl.hero-problem-index stable Hero d'index par problème : décor SVG rectangle rotated 12°, h1 monumental, lede italique et phrase canonique.
Apparition au scrollSurvolDéfilement +8 16 décl.hero-stack-rhythm stable Héro plein écran en une seule colonne resserrée, au rythme vertical généreux : fil d'Ariane, kicker, titre serif, lede, badges inline séparés par hairlines, 2 CTA, bande de 4 KPI. Variante paper et ink, responsive.
SurvolIllustration au traitBoutons +4 14 décl.Code
Données de la section (à placer dans sections[])
{
"type": "hero-pillar-hub",
"meta_kicker_fr": "Hub · Pilier Entreprise · 7 services",
"meta_kicker_en": "Hub · Enterprise pillar · 7 services",
"hub_num": "02",
"h1_fr": "Le conseil qui commence par <i>lire</i>, pas par présenter.",
"h1_en": "Consulting that starts by <i>reading</i>, not presenting.",
"lede_fr": "Nous refusons les ateliers de découverte vendus comme du conseil. Un engagement Waimia commence par la lecture de vos données réelles, se termine par un livrable écrit, et produit une décision, pas 72 slides dans un SharePoint.",
"lede_en": "We refuse discovery workshops sold as consulting. A Waimia engagement starts by reading your real data, ends with a written deliverable, and produces a decision, not 72 slides in a SharePoint.",
"stats": [
{
"value": "43",
"label_fr": "interventions",
"label_en": "engagements",
"emphasis": false
},
{
"value": "18 M€+",
"label_fr": "pipeline restructuré",
"label_en": "pipeline restructured",
"emphasis": true
},
{
"value": "0",
"label_fr": "ateliers vendus",
"label_en": "workshops sold",
"emphasis": false
},
{
"value": "12",
"label_fr": "juridictions UE",
"label_en": "EU jurisdictions",
"emphasis": false
}
]
}/library/section/hero-pillar-hub.json
Chemin du détail machine
/library/section/hero-pillar-hub.json