Manifesto Sections
manifesto-act
stable Bibliothèque Contenu inline (instance)Raconter une histoire
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.
Instances sur le site
Global 0 instance en page composable
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
num | Contenu | text | Oui | fr / en | · |
label | Contenu | text | Oui | fr / en | · |
sub | Contenu | text | Non | fr / en | · |
text | Contenu | text | Oui | fr / en | · |
tone | Présentation | enum | Non | · | ink · paper |
stats | Contenu | array | Non | · | 0..4 |
Déclinaisons · 15
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 2 curées, 13 générées. Échantillon des 12 premières générées (sur 13) ; toutes accessibles en rendu isolé.
-
Acte manifeste · encre
curéemanifesto-act--ink -
Acte manifeste · papier
curéemanifesto-act--paper -
manifesto-act · équilibré
généréemanifesto-act--1-1 -
manifesto-act · média dominant · média à gauche
généréemanifesto-act--1-2-left -
manifesto-act · média dominant · média à droite
généréemanifesto-act--1-2-right -
manifesto-act · texte dominant · média à gauche
généréemanifesto-act--2-1-left -
manifesto-act · texte dominant · média à droite
généréemanifesto-act--2-1-right -
manifesto-act · média large · média à gauche
généréemanifesto-act--2-3-left -
manifesto-act · média large · média à droite
généréemanifesto-act--2-3-right -
manifesto-act · texte large · média à gauche
généréemanifesto-act--3-2-left -
manifesto-act · texte large · média à droite
généréemanifesto-act--3-2-right -
manifesto-act · média très large · média à gauche
généréemanifesto-act--1-3-left -
manifesto-act · média très large · média à droite
généréemanifesto-act--1-3-right -
manifesto-act · texte très large · média à gauche
généréemanifesto-act--3-1-left
Comparer les déclinaisons · 14
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.
-
Acte manifeste · encre
curéemanifesto-act--inkOuvrir dans le builder -
Acte manifeste · papier
curéemanifesto-act--papertone:paperOuvrir dans le builder -
manifesto-act · équilibré
généréemanifesto-act--1-1proportion:1-1Ouvrir dans le builder -
manifesto-act · média dominant · média à gauche
généréemanifesto-act--1-2-leftproportion:1-2mediaSide:leftOuvrir dans le builder -
manifesto-act · média dominant · média à droite
généréemanifesto-act--1-2-rightproportion:1-2mediaSide:rightOuvrir dans le builder -
manifesto-act · texte dominant · média à gauche
généréemanifesto-act--2-1-leftproportion:2-1mediaSide:leftOuvrir dans le builder -
manifesto-act · texte dominant · média à droite
généréemanifesto-act--2-1-rightproportion:2-1mediaSide:rightOuvrir dans le builder -
manifesto-act · média large · média à gauche
généréemanifesto-act--2-3-leftproportion:2-3mediaSide:leftOuvrir dans le builder -
manifesto-act · média large · média à droite
généréemanifesto-act--2-3-rightproportion:2-3mediaSide:rightOuvrir dans le builder -
manifesto-act · texte large · média à gauche
généréemanifesto-act--3-2-leftproportion:3-2mediaSide:leftOuvrir dans le builder -
manifesto-act · texte large · média à droite
généréemanifesto-act--3-2-rightproportion:3-2mediaSide:rightOuvrir dans le builder -
manifesto-act · média très large · média à gauche
généréemanifesto-act--1-3-leftproportion:1-3mediaSide:leftOuvrir dans le builder -
manifesto-act · média très large · média à droite
généréemanifesto-act--1-3-rightproportion:1-3mediaSide:rightOuvrir dans le builder -
manifesto-act · texte très large · média à gauche
généréemanifesto-act--3-1-leftproportion:3-1mediaSide:leftOuvrir dans le builder
Sections liées
Même famille
comparison-duo stable Deux cartes cote a cote (Sans / Avec) pour mettre en evidence le contraste avant/apres ou nous-vs-eux, avec items a puces et glyphes differencies.
Apparition au scrollDéfilementListe +3 17 décl.fit-columns stable Section de qualification fit/no-fit sur fond ink : kicker, titre display, intro callout et deux colonnes Oui/Non d items.
Apparition au scrollSurvolDéfilement +1 13 décl.tech-when-dual stable Aide décision en deux colonnes (utiliser quand / considérer autre chose quand) avec puces mono plus et moins.
Apparition au scrollDéfilementIllustration au trait +4 13 décl.Même catégorie
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.
Apparition au scrollDéfilement1 colonne 15 décl.bordered-pullquote stable Citation manifeste a filet gauche : corps large avec accent italique + signature mono. Rendu du corps en HTML (accent <i>).
Apparition au scrollCitation1 colonne 12 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.
Apparition au scrollDéfilementImage de fond +2 16 décl.Similaires
statement-orbit stable 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.
Apparition au scrollDéfilementIllustration au trait +3 20 décl.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.
Apparition au scrollDéfilementBoutons +2 13 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.
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.
Révélation au survolSurvolClic (bascule) +3 16 décl.editorial-case-grid stable Grille editoriale de cas clients : en-tete numerote + titre + intro, puis cartes EditorialCaseCard en 2 colonnes avec decalage vertical alterne (signature /manifesto Acte IV).
Apparition au scrollSurvolCartes +1 16 décl.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.
Apparition au scrollDéfilementImage +2 15 décl.Code
Données de la section (à placer dans sections[])
{
"type": "manifesto-act",
"num_fr": "I.",
"num_en": "I.",
"label_fr": "Le constat",
"label_en": "The reckoning",
"sub_fr": "Acte I",
"sub_en": "Act I",
"text_fr": "L’IA est <i class=\"acc\">partout</i> et nulle part. Les stacks grossissent, les pipelines s’aplatissent. Le goulot n’est <strong>jamais</strong> le modèle : ce sont les rails, les règles, et l’humain qui sait quand débrancher.",
"text_en": "AI is <i class=\"acc\">everywhere</i> and nowhere. Stacks grow, pipelines flatten. The bottleneck is <strong>never</strong> the model: it’s the rails, the rules, and the human who knows when to unplug.",
"tone": "ink",
"stats": [
{
"k": "5 j",
"label_fr": "pour auditer et cibler le levier prioritaire.",
"label_en": "to audit and pinpoint the priority lever."
},
{
"k": "4 sem.",
"label_fr": "jusqu’au premier workflow câblé en production.",
"label_en": "to the first workflow wired in production."
},
{
"k": "1",
"label_fr": "interlocuteur unique, de bout en bout · ROI mesuré, jamais estimé.",
"label_en": "single point of contact, end to end · ROI measured, never estimated."
}
]
}/library/section/manifesto-act.json
Chemin du détail machine
/library/section/manifesto-act.json