Feature Sections
manifesto-block
stable Bibliothèque Contenu inline (instance)Présenter les capacités
Bloc manifeste intercalary : kicker mono § + grand bloc display italique sans box, span accent terracotta, respiration éditoriale forte.
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 |
kicker | Contenu | text | Oui | fr / en | · |
text | Contenu | text | Oui | fr / en | · |
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.
-
Bloc manifeste · papier
curéemanifesto-block--paper -
Bloc manifeste · papier 2
curéemanifesto-block--paper-2 -
Bloc manifeste · papier 3
curéemanifesto-block--paper-3 -
Bloc manifeste · encre
curéemanifesto-block--ink -
manifesto-block · prose
généréemanifesto-block--prose -
manifesto-block · deux colonnes
généréemanifesto-block--two-col -
manifesto-block · liste
généréemanifesto-block--list -
manifesto-block · lignes séparées
généréemanifesto-block--rows-divided -
manifesto-block · chapeau + aparté
généréemanifesto-block--lead-aside -
manifesto-block · lettrine
généréemanifesto-block--drop-cap -
manifesto-block · citation détachée
généréemanifesto-block--pull-quote -
manifesto-block · énoncé centré
généréemanifesto-block--centered-statement -
manifesto-block · note de marge
généréemanifesto-block--sidenote -
manifesto-block · prose numérotée
généréemanifesto-block--numbered-prose -
manifesto-block · chapeau 2 colonnes
généréemanifesto-block--two-col-lead -
manifesto-block · grand énoncé
généréemanifesto-block--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.
-
Bloc manifeste · papier
curéemanifesto-block--paperbackground:paperOuvrir dans le builder -
Bloc manifeste · papier 2
curéemanifesto-block--paper-2background:paper-2Ouvrir dans le builder -
Bloc manifeste · papier 3
curéemanifesto-block--paper-3background:paper-3Ouvrir dans le builder -
Bloc manifeste · encre
curéemanifesto-block--inkbackground:inkOuvrir dans le builder -
manifesto-block · prose
généréemanifesto-block--proselayout:proseOuvrir dans le builder -
manifesto-block · deux colonnes
généréemanifesto-block--two-collayout:two-colOuvrir dans le builder -
manifesto-block · liste
généréemanifesto-block--listlayout:listOuvrir dans le builder -
manifesto-block · lignes séparées
généréemanifesto-block--rows-dividedlayout:rows-dividedOuvrir dans le builder -
manifesto-block · chapeau + aparté
généréemanifesto-block--lead-asidelayout:lead-asideOuvrir dans le builder -
manifesto-block · lettrine
généréemanifesto-block--drop-caplayout:drop-capOuvrir dans le builder -
manifesto-block · citation détachée
généréemanifesto-block--pull-quotelayout:pull-quoteOuvrir dans le builder -
manifesto-block · énoncé centré
généréemanifesto-block--centered-statementlayout:centered-statementOuvrir dans le builder -
manifesto-block · note de marge
généréemanifesto-block--sidenotelayout:sidenoteOuvrir dans le builder -
manifesto-block · prose numérotée
généréemanifesto-block--numbered-proselayout:numbered-proseOuvrir dans le builder -
manifesto-block · chapeau 2 colonnes
généréemanifesto-block--two-col-leadlayout:two-col-leadOuvrir dans le builder -
manifesto-block · grand énoncé
généréemanifesto-block--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-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.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
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.
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.
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.
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.
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.
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.
Apparition au scrollDéfilementListe +1 17 décl.Similaires
related-cards-band stable Bande de trois cards connexes pour relier cas, offres ou ressources en fin de page.
Apparition au scrollSurvolDéfilement +2 17 décl.pain-points stable Points de friction métier : en-tête eyebrow et titre display, aside Callout, frise Timeline numérotée des frictions.
Apparition au scrollDéfilementIllustration au trait +5 17 décl.offer-tier-grid stable Section de palier d’offres avec eyebrow, H2, lede, grille de cartes et variante hero sombre optionnelle.
Apparition au scrollSurvolDéfilement +4 21 décl.services-grid stable Grille éditoriale de services 3×2 avec figure, métrique, body et ligne de connecteurs en pied de cellule.
Apparition au scrollSurvolDéfilement +2 17 décl.feature-accordion stable Features en progressive disclosure : accordéon natif <details>, chaque item ouvre un détail explicatif et une métadonnée optionnelle. Premier item ouvrable par défaut.
Déplier / replierClic (bascule)Illustration au trait +2 8 décl.inclusions-list stable Liste d'inclusions inline séparée par point médian pour expliciter le périmètre d'un engagement.
Liste1 colonne 17 décl.Code
Données de la section (à placer dans sections[])
{
"type": "manifesto-block",
"kicker_fr": "§ Manifeste · Viewport 01",
"kicker_en": "§ Manifesto · Viewport 01",
"text_fr": "On se méfie du <span class=\"acc\">théâtre IA</span>. Le purple-glass, les cerveaux-circuits, les bento grids qui ne disent rien. On écrit en français, on lit la documentation Stripe, on livre du code le mardi et on mesure le pipeline le vendredi.",
"text_en": "We are suspicious of <span class=\"acc\">AI theatre</span>. We distrust the purple-glass aesthetic, the brain-circuit illustration, the bento grid of empty affordances. We write French, we read Stripe docs, we ship code on Tuesdays, and we measure pipeline on Fridays."
}/library/section/manifesto-block.json
Chemin du détail machine
/library/section/manifesto-block.json