Feature Sections

statement-orbit

stable Bibliothèque Contenu inline (instance)

Énoncer la proposition de valeur, Raconter une histoire

Statement éditorial pleine largeur : carte ink qui s'étend de 80 % à 100 % au scroll, titre serif accent, lede, CTA, et un média globe filaire (réseau en orbite). Pose un concept sous un hero.

Ouvrir dans le builder

Instances sur le site

Global 5 instances sur 5 pages

Page	Position	Contenu	Variante
/services/agent-support-client	`section 3`	Un chatbot vitrine parle. Un agent de support répond, agit dans vos outils, et vous passe la main quand il faut.	·
/services/agents-ia	`section 3`	Un chatbot vitrine parle. Un agent exécute, dans vos outils, et rend compte.	·
/services/automatisation-n8n	`section 3`	Avec Zapier on construit vite. Avec n8n on construit large, et le workflow devient un actif métier, pas une recette jetable.	·
/services/automatisations	`section 3`	Un process manuel tient sur une personne. Une automatisation tient toute seule, tourne la nuit et ne se trompe pas de copier-coller.	·
/services/donnees-reporting	`section 3`	Un tableur de reporting fige la photo d'hier. Un socle de données rassemble tout, fixe une définition et se met à jour tout seul.	·

Aperçu

Comment l'utiliser

Intention

Énoncer la proposition de valeur Raconter une histoire

Rôle de page

Ouverture

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
`layout`	Présentation	`text`	Non	·	·
`density`	Présentation	`enum`	Non	·	compact · base · ample
`contentAlign`	Présentation	`enum`	Non	·	start · center · end
`actionsAlign`	Présentation	`enum`	Non	·	start · center · end · spread
`placement`	Présentation	`object`	Non	·	·
`columns`	Présentation	`enum`	Non	·	1 · 2 · 3 · 4 · 5 · 6 · auto
`colRatio`	Présentation	`enum`	Non	·	equal · 1-2 · 2-1 · 1-1-2 · 2-3 · golden
`itemHeight`	Présentation	`enum`	Non	·	auto · even · square · video
`proportion`	Présentation	`enum`	Non	·	1-1 · 1-2 · 2-1 · 2-3 · 3-2
`mediaSide`	Présentation	`enum`	Non	·	left · right
`surface`	Présentation	`enum`	Non	·	flat · outlined · filled · elevated · ghost
`divider`	Présentation	`enum`	Non	·	none · hairline · rule
`radius`	Présentation	`enum`	Non	·	none · sm · md · lg
`accentEdge`	Présentation	`enum`	Non	·	none · top · left
`colsMobile`	Présentation	`enum`	Non	·	1 · 2 · 3 · 4 · auto
`colsTablet`	Présentation	`enum`	Non	·	1 · 2 · 3 · 4 · auto
`layoutMobile`	Présentation	`text`	Non	·	·
`titleScale`	Présentation	`enum`	Non	·	sm · base · lg · xl
`eyebrow`	Présentation	`enum`	Non	·	none · kicker · badge
`justifyContent`	Présentation	`enum`	Non	·	start · center · end · between · around · evenly
`alignItems`	Présentation	`enum`	Non	·	start · center · end · stretch · baseline
`justifyItems`	Présentation	`enum`	Non	·	start · center · end · stretch
`alignContent`	Présentation	`enum`	Non	·	start · center · end · between · stretch
`cellAlignX`	Présentation	`enum`	Non	·	start · center · end
`cellAlignY`	Présentation	`enum`	Non	·	top · middle · bottom · between
`cellPad`	Présentation	`enum`	Non	·	none · sm · base · lg
`mediaFit`	Présentation	`enum`	Non	·	cover · contain
`mediaRatio`	Présentation	`enum`	Non	·	auto · 1-1 · 4-3 · 3-2 · 16-9
`reveal`	Présentation	`enum`	Non	·	none · fade · slide-up · slide-down · slide-left · slide-right · scale-in · blur-in · mask-up
`hover`	Présentation	`enum`	Non	·	none · lift · zoom · glow · border · tint · underline · reveal-cta · media-zoom
`pressFeedback`	Présentation	`enum`	Non	·	none · press
`focusRing`	Présentation	`enum`	Non	·	auto · ring · inset · none
`transitionSpeed`	Présentation	`enum`	Non	·	instant · fast · base · slow
`transitionEase`	Présentation	`enum`	Non	·	standard · out · spring
`selectedState`	Présentation	`enum`	Non	·	none · outline · fill · accent-edge
`openState`	Présentation	`enum`	Non	·	auto
`revealStagger`	Présentation	`bool`	Non	·	·
`revealDelay`	Présentation	`enum`	Non	·	none · sm · md
`loop`	Présentation	`enum`	Non	·	none · marquee · pulse · float
`scrollMotion`	Présentation	`enum`	Non	·	none · parallax · pin · progress
`textMotion`	Présentation	`enum`	Non	·	none · word-stagger · count-up · type-on
`motionSpeed`	Présentation	`enum`	Non	·	fast · base · slow
`motionEase`	Présentation	`enum`	Non	·	standard · out · spring
`pageTransition`	Présentation	`enum`	Non	·	none · fade · slide
`cellBg`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink · ink-2 · ink-3 · accent · none
`cellTone`	Présentation	`enum`	Non	·	ink · muted · accent · accent-text · paper
`tone`	Présentation	`enum`	Non	·	ink · muted · accent · accent-text · paper
`borderTone`	Présentation	`enum`	Non	·	hairline · hairline-strong · accent · none
`textFlow`	Présentation	`enum`	Non	·	horizontal · vertical-rl · vertical-lr · sideways
`textTransform`	Présentation	`enum`	Non	·	none · uppercase · lowercase · capitalize
`rotate`	Présentation	`enum`	Non	·	90 · 180 · none · -90
`objectPosition`	Présentation	`enum`	Non	·	center · top · bottom · left · right
`overflow`	Présentation	`enum`	Non	·	visible · clip · auto
`scrollSnap`	Présentation	`enum`	Non	·	none · proximity · mandatory
`measure`	Présentation	`enum`	Non	·	prose · read · tight · wide · full
`balance`	Présentation	`bool`	Non	·	·
`clamp`	Présentation	`enum`	Non	·	1 · 2 · 3 · 4 · none
`minHeight`	Présentation	`enum`	Non	·	auto · half · screen
`width`	Présentation	`enum`	Non	·	full · contained · narrow · prose
`headingLevel`	Présentation	`enum`	Non	·	h2 · h3
`ariaLabel`	Présentation	`text`	Non	·	·
`headerAlign`	Présentation	`enum`	Non	·	left · center · right
`headerKind`	Présentation	`enum`	Non	·	none · title · eyebrow-title · eyebrow-title-lede · eyebrow-title-lede-cta
`introRow`	Présentation	`enum`	Non	·	none · lede-aside · desc-media-split · lede-centered
`dividers`	Présentation	`enum`	Non	·	none · column-rules · row-rules · grid-lines
`cardContent`	Présentation	`enum`	Non	·	title · title-desc · icon-title-desc · title-desc-meta · media-title-desc
`cardMedia`	Présentation	`enum`	Non	·	none · icon · image · image-bg
`cardAlign`	Présentation	`enum`	Non	·	left · center
`colorDistribution`	Présentation	`enum`	Non	·	uniform · featured-first · one-accent · alternating
`bgSource`	Présentation	`enum`	Non	·	color · image · gradient
`bgImage`	Présentation	`text`	Non	·	·
`kicker`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`lede`	Contenu	`text`	Oui	fr / en	·
`cta`	Contenu	`object`	Non	·	·
`media_src`	Contenu	`image`	Oui	·	·
`media_alt`	Contenu	`text`	Non	fr / en	·

Déclinaisons · 20

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 11 curées, 9 générées.

Statement orbite · split · papier
curée
statement-orbit--paper
Statement orbite · split · papier 2
curée
statement-orbit--paper-2
Statement orbite · split · encre
curée
statement-orbit--ink
Statement orbite · prose centrée
curée
statement-orbit--prose
Statement orbite · prose · ample
curée
statement-orbit--prose-ample
Statement orbite · texte dominant + média aparté
curée
statement-orbit--lead-aside
Statement orbite · lead-aside · compact
curée
statement-orbit--lead-aside-compact
Statement orbite · lede en deux colonnes
curée
statement-orbit--two-col
Statement orbite · contenu centré
curée
statement-orbit--center
Statement orbite · CTA centré (titre à gauche)
curée
statement-orbit--atomic-cta-center
Statement orbite · média en premier
curée
statement-orbit--atomic-media-first
statement-orbit · liste
générée
statement-orbit--list
statement-orbit · lignes séparées
générée
statement-orbit--rows-divided
statement-orbit · lettrine
générée
statement-orbit--drop-cap
statement-orbit · citation détachée
générée
statement-orbit--pull-quote
statement-orbit · énoncé centré
générée
statement-orbit--centered-statement
statement-orbit · note de marge
générée
statement-orbit--sidenote
statement-orbit · prose numérotée
générée
statement-orbit--numbered-prose
statement-orbit · chapeau 2 colonnes
générée
statement-orbit--two-col-lead
statement-orbit · grand énoncé
générée
statement-orbit--statement-big

Comparer les déclinaisons · 20

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.

Statement orbite · split · papier
curée
statement-orbit--paper
background:paper
Ouvrir dans le builder
Statement orbite · split · papier 2
curée
statement-orbit--paper-2
background:paper-2
Ouvrir dans le builder
Statement orbite · split · encre
curée
statement-orbit--ink
background:ink
Ouvrir dans le builder
Statement orbite · prose centrée
curée
statement-orbit--prose
layout:prose
Ouvrir dans le builder
Statement orbite · prose · ample
curée
statement-orbit--prose-ample
layout:prosedensity:ample
Ouvrir dans le builder
Statement orbite · texte dominant + média aparté
curée
statement-orbit--lead-aside
layout:lead-aside
Ouvrir dans le builder
Statement orbite · lead-aside · compact
curée
statement-orbit--lead-aside-compact
layout:lead-asidedensity:compact
Ouvrir dans le builder
Statement orbite · lede en deux colonnes
curée
statement-orbit--two-col
layout:two-col
Ouvrir dans le builder
Statement orbite · contenu centré
curée
statement-orbit--center
contentAlign:center
Ouvrir dans le builder
Statement orbite · CTA centré (titre à gauche)
curée
statement-orbit--atomic-cta-center
layout:proseplacement
Ouvrir dans le builder
Statement orbite · média en premier
curée
statement-orbit--atomic-media-first
placement
Ouvrir dans le builder
statement-orbit · liste
générée
statement-orbit--list
layout:list
Ouvrir dans le builder
statement-orbit · lignes séparées
générée
statement-orbit--rows-divided
layout:rows-divided
Ouvrir dans le builder
statement-orbit · lettrine
générée
statement-orbit--drop-cap
layout:drop-cap
Ouvrir dans le builder
statement-orbit · citation détachée
générée
statement-orbit--pull-quote
layout:pull-quote
Ouvrir dans le builder
statement-orbit · énoncé centré
générée
statement-orbit--centered-statement
layout:centered-statement
Ouvrir dans le builder
statement-orbit · note de marge
générée
statement-orbit--sidenote
layout:sidenote
Ouvrir dans le builder
statement-orbit · prose numérotée
générée
statement-orbit--numbered-prose
layout:numbered-prose
Ouvrir dans le builder
statement-orbit · chapeau 2 colonnes
générée
statement-orbit--two-col-lead
layout:two-col-lead
Ouvrir dans le builder
statement-orbit · grand énoncé
générée
statement-orbit--statement-big
layout:statement-big
Ouvrir dans le builder

Sections liées

Même famille

author-byline stable

Ligne auteur compacte E-E-A-T sous un h1 d'article : avatar optionnel, nom, rôle, dates de publication et mise à jour, lien vers la page profil. Beaucoup plus léger qu'un hero auteur.

prose Team Sections Apparition au scrollDéfilementImage +2 15 décl.

definition-extract stable

Bloc GEO « format extractible » : kicker mono, gros statement serif avec le terme défini en accent, rangée de pills, puis un bandeau de specs mono. Sobre, fond paper, pensé pour la citation par les moteurs génératifs.

prose Editorial Sections Apparition au scrollDéfilementBadge +3 21 décl.

direct-answer stable

Bloc GEO « réponse directe » en tête de page : reformule une question implicite, définit éventuellement une entité, puis délivre une réponse directe de 2 à 4 phrases en colonne de lecture. Sobre, éditorial, fond alterné.

prose Editorial Sections Badge1 colonne 15 décl.

editorial-callout stable

Encadré éditorial composant l'atome Callout (info, citation, note, avertissement, manifeste) : hairline accent, citation source optionnelle, tailles et alignements. Pour ponctuer une prose.

prose Editorial Sections Citation1 colonne 20 décl.

editorial-dingbat-rule stable

Séparateur ornemental éditorial composant l'atome Dingbat (fleuron, asterisme, fin d'article, règle) : transition entre chapitres avec légendes optionnelles au-dessus et en dessous.

prose Editorial Sections Centré 19 décl.

editorial-dropcap-prose stable

Ouverture d'article éditoriale composant l'atome DropCap : initiale magnifiée (serif, mono ou accent) sur un paragraphe d'accroche, suivie de paragraphes de prose. Pour entrer dans un long-form.

prose Editorial Sections 1 colonne 16 décl.

Même catégorie

architecture-diagram stable

Diagramme d'architecture signature : N canaux d'entrée vers un système central et M sorties, avec boucle d'amélioration continue.

split-media Feature Sections Apparition au scrollDéfilementIllustration au trait +1 23 décl.

bento-grid stable

Mosaique bento asymetrique de 5 cellules (1 grande 2x2 + 4 petites) pour valoriser les capacites cles avec une mise en page moderne.

bento Feature Sections IcônesCartesListe +1 26 décl.

challenges-grid stable

Grille 2x2 de défis ou pain-points : numéro en coin, icône, titre et texte par carte, border-left accent et élévation au survol. Pose le problème avant la solution sur une landing.

card-grid Feature Sections SurvolIllustration au traitIcônes +4 16 décl.

coming-soon-pills stable

Bande teaser fond paper-2 avec kicker, H2 et liste de pills pour éléments à venir.

list Feature Sections ListeBadge1 colonne 16 décl.

commitments-grid stable

Grille hairline de 2 à 6 engagements ou garanties, titre display et corps sans, extrait de la page Méthode.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 17 décl.

decision-list stable

Arbre de décision : en-tête kicker et titre display à gauche, liste ordonnée numérotée d items à droite, hairlines fines.

list Feature Sections Apparition au scrollDéfilementListe +1 17 décl.

Similaires

hero-manifesto stable

Hero editorial de page de marque : fond canvas liquide + 3 zones (meta band, titre display italique + sous-titre, intro + CTA + rangee de pied), plein viewport sombre.

hero Hero Header Sections Apparition au scrollDéfilementBoutons +2 13 décl.

manifesto-act stable

Acte numéroté de manifeste : label sticky (numéro romain + sous-titre), statement XL et rangée de chiffres massifs optionnelle, tone encre ou paper.

duo Manifesto Sections Apparition au scrollDéfilementIllustration au trait +2 15 décl.

manifesto-statement stable

Déclaration manifeste plein écran : kicker mono et statement XL en sans, relevés italiques serif, tone encre (interlude console) ou terracotta avec grille translucide.

quote Manifesto Sections Apparition au scrollDéfilementImage de fond +2 16 décl.

asymmetric-services stable

Services en rangées asymétriques (AsymmetricServiceRow) qui alternent gauche/droite : numéro display, nom, body et flèche, signature de /manifesto Acte II.

split-media Manifesto Sections Apparition au scrollDéfilement1 colonne 15 décl.

prose-aside stable

Colonne de prose editoriale (corps MDX) precedee d’un kicker en aside. Le corps vit dans le MDX, pas le frontmatter. Generique pour tout bloc prose + eyebrow lateral.

prose Editorial Sections Apparition au scroll2 colonnes 15 décl.

hover-reveal-words stable

Prose editoriale dont certains mots declencheurs revelent une vignette image au survol (desktop, suit le curseur) ou au tap (mobile, vignette inline). Accessible au clavier.

prose Editorial Sections Révélation au survolSurvolClic (bascule) +3 16 décl.

Code

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

{
  "type": "statement-orbit",
  "kicker_fr": "FIG 1.5 · Réseau d'acquisition",
  "kicker_en": "FIG 1.5 · Acquisition network",
  "h2_fr": "Chaque visite rejoint un <i class=\"acc\">réseau</i> qui qualifie, route et apprend.",
  "h2_en": "Every visit joins a <i class=\"acc\">network</i> that qualifies, routes and learns.",
  "lede_fr": "D'une audience anonyme à un pipeline lisible, votre site devient le centre d'un système, pas une page isolée.",
  "lede_en": "From an anonymous audience to a readable pipeline, your site becomes the center of a system, not an isolated page.",
  "cta": {
    "label_fr": "Explorer le système →",
    "label_en": "Explore the system →",
    "href": "#",
    "variant": "ghost"
  },
  "media_src": "/images/line-art/orbit-network.svg",
  "media_alt_fr": "Globe filaire avec des nœuds reliés par des arcs en orbite : chaque visite rejoint un réseau qui qualifie et route.",
  "media_alt_en": "Wireframe globe with nodes linked by orbiting arcs: each visit joins a network that qualifies and routes."
}

Pour un agent / MCP

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

/library/section/statement-orbit.json

Chemin du détail machine

/library/section/statement-orbit.json