Manifesto Sections
manifesto-statement
stable Bibliothèque Contenu inline (instance)Raconter une histoire
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.
Instances sur le site
Global 1 instance sur 1 page
| Page | Position | Contenu | Variante |
|---|---|---|---|
| /ressources/diagnostics/maturite-ia | section 5 | Le vrai critère |
Aperçu
Comment l'utiliser
| Champ | Nature | Type | Requis | Bilingue | Bornes / valeurs |
|---|---|---|---|---|---|
kicker | Contenu | text | Oui | fr / en | · |
text | Contenu | text | Oui | fr / en | · |
tone | Présentation | enum | Non | · | ink · accent |
show_grid | Contenu | bool | Non | · | · |
pinned | Contenu | bool | Non | · | · |
Déclinaisons · 16
Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 4 curées, 12 générées.
-
Déclaration manifeste · encre
curéemanifesto-statement--ink -
Déclaration manifeste · accent
curéemanifesto-statement--accent -
Déclaration manifeste · épurée
curéemanifesto-statement--epure -
Déclaration manifeste · ancrée
curéemanifesto-statement--pinned -
manifesto-statement · prose
généréemanifesto-statement--prose -
manifesto-statement · deux colonnes
généréemanifesto-statement--two-col -
manifesto-statement · liste
généréemanifesto-statement--list -
manifesto-statement · lignes séparées
généréemanifesto-statement--rows-divided -
manifesto-statement · chapeau + aparté
généréemanifesto-statement--lead-aside -
manifesto-statement · lettrine
généréemanifesto-statement--drop-cap -
manifesto-statement · citation détachée
généréemanifesto-statement--pull-quote -
manifesto-statement · énoncé centré
généréemanifesto-statement--centered-statement -
manifesto-statement · note de marge
généréemanifesto-statement--sidenote -
manifesto-statement · prose numérotée
généréemanifesto-statement--numbered-prose -
manifesto-statement · chapeau 2 colonnes
généréemanifesto-statement--two-col-lead -
manifesto-statement · grand énoncé
généréemanifesto-statement--statement-big
Comparer les déclinaisons · 16
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.
-
Déclaration manifeste · encre
curéemanifesto-statement--inkOuvrir dans le builder -
Déclaration manifeste · accent
curéemanifesto-statement--accenttone:accentshow_grid:falseOuvrir dans le builder -
Déclaration manifeste · épurée
curéemanifesto-statement--epureshow_grid:falseOuvrir dans le builder -
Déclaration manifeste · ancrée
curéemanifesto-statement--pinnedpinned:trueOuvrir dans le builder -
manifesto-statement · prose
généréemanifesto-statement--proselayout:proseOuvrir dans le builder -
manifesto-statement · deux colonnes
généréemanifesto-statement--two-collayout:two-colOuvrir dans le builder -
manifesto-statement · liste
généréemanifesto-statement--listlayout:listOuvrir dans le builder -
manifesto-statement · lignes séparées
généréemanifesto-statement--rows-dividedlayout:rows-dividedOuvrir dans le builder -
manifesto-statement · chapeau + aparté
généréemanifesto-statement--lead-asidelayout:lead-asideOuvrir dans le builder -
manifesto-statement · lettrine
généréemanifesto-statement--drop-caplayout:drop-capOuvrir dans le builder -
manifesto-statement · citation détachée
généréemanifesto-statement--pull-quotelayout:pull-quoteOuvrir dans le builder -
manifesto-statement · énoncé centré
généréemanifesto-statement--centered-statementlayout:centered-statementOuvrir dans le builder -
manifesto-statement · note de marge
généréemanifesto-statement--sidenotelayout:sidenoteOuvrir dans le builder -
manifesto-statement · prose numérotée
généréemanifesto-statement--numbered-proselayout:numbered-proseOuvrir dans le builder -
manifesto-statement · chapeau 2 colonnes
généréemanifesto-statement--two-col-leadlayout:two-col-leadOuvrir dans le builder -
manifesto-statement · grand énoncé
généréemanifesto-statement--statement-biglayout:statement-bigOuvrir dans le builder
Sections liées
Même famille
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.case-spotlight stable Vitrine de cas concret insérable partout : carte INK avec visuel habillé + titre serti d’un relevé accent, citation à barre accent, métriques massives latérales, tags méta et CTA. Levier de conversion à fort impact.
Apparition au scrollDéfilementPlusieurs images +8 12 décl.manifesto-block stable Bloc manifeste intercalary : kicker mono § + grand bloc display italique sans box, span accent terracotta, respiration éditoriale forte.
Apparition au scrollDéfilement1 colonne 16 décl.off-proof stable Signal terrain : citation client (PullQuote) à gauche et grille de chiffres KeyMetric à droite, en asymétrie 5/7 avec séparateur Dingbat.
Apparition au scrollDéfilementIllustration au trait +5 16 décl.pull-quote-block stable Citation éditoriale isolée centrée ou inline, wrapper catalogue autour de la molécule PullQuote.
CitationAvatar1 colonne 18 décl.quote-spotlight stable Grande citation pleine lumiere sur fond paper-2 : guillemet decoratif, texte display italique, auteur avec avatar rond.
Apparition au scrollDéfilementImage +4 15 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-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.
Apparition au scrollDéfilementIllustration au trait +2 15 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.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.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.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.photo-cluster stable Composition editoriale : photo lead + grappe de photos decalees (layouts lead-cluster, scatter, duo).
Apparition au scrollDéfilementPlusieurs images +1 17 décl.Code
Données de la section (à placer dans sections[])
{
"type": "manifesto-statement",
"kicker_fr": "§ Manifeste · Interlude",
"kicker_en": "§ Manifesto · Interlude",
"text_fr": "On écrit en <span class=\"acc\">français</span>, on lit la documentation Stripe, on livre du code le mardi, on mesure le pipeline le vendredi. Pas de <i>théâtre</i>. Et chaque ligne de prod a un humain qui l’a relue.",
"text_en": "We write <span class=\"acc\">French</span>, we read Stripe docs, we ship code on Tuesdays, we measure pipeline on Fridays. No <i>theatre</i>. And every line in prod has a human who reviewed it.",
"tone": "ink",
"show_grid": true
}/library/section/manifesto-statement.json
Chemin du détail machine
/library/section/manifesto-statement.json