Feature Sections

editorial-preview

stable Sur waimia · 4 Contenu inline (instance)

Présenter les capacités

Index éditorial de publications en lignes numérotées (num · date · tag · titre italique · flèche), extrait de FieldNotes.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/pages/atlas.astro
src/pages/en/atlas.astro
src/pages/en/index.astro
src/pages/index.astro

Aperçu

Comment l'utiliser

Intention

Présenter les capacités

Rôle de page

Corps

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
`kicker`	Contenu	`text`	Non	fr / en	·
`roman`	Contenu	`text`	Non	·	·
`act_label`	Contenu	`text`	Non	fr / en	·
`aside`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`items`	Contenu	`array`	Oui	·	2..8
`all_label`	Contenu	`text`	Non	fr / en	·
`all_href`	Contenu	`url`	Non	·	·

Déclinaisons · 17

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 3 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.

Aperçu notes · papier 2
curée
editorial-preview--paper-2
Aperçu notes · papier 3
curée
editorial-preview--paper-3
Aperçu notes · encre
curée
editorial-preview--ink
editorial-preview · grille uniforme
générée
editorial-preview--grid-uniform
editorial-preview · grille auto
générée
editorial-preview--grid-auto
editorial-preview · grille asymétrique
générée
editorial-preview--grid-asym
editorial-preview · liste
générée
editorial-preview--list
editorial-preview · lignes séparées
générée
editorial-preview--rows-divided
editorial-preview · bento vedette
générée
editorial-preview--bento-feature
editorial-preview · vedette + split
générée
editorial-preview--featured-split
editorial-preview · deux colonnes
générée
editorial-preview--two-col
editorial-preview · alternance
générée
editorial-preview--alternating
editorial-preview · jeu de cartes
générée
editorial-preview--cards-deck
editorial-preview · liste média à gauche
générée
editorial-preview--list-media-left
editorial-preview · grille 3 + vedette
générée
editorial-preview--grid-3-featured

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.

Aperçu notes · papier 2
curée
editorial-preview--paper-2
background:paper-2
Ouvrir dans le builder
Aperçu notes · papier 3
curée
editorial-preview--paper-3
background:paper-3
Ouvrir dans le builder
Aperçu notes · encre
curée
editorial-preview--ink
background:ink
Ouvrir dans le builder
editorial-preview · grille uniforme
générée
editorial-preview--grid-uniform
layout:grid-uniform
Ouvrir dans le builder
editorial-preview · grille auto
générée
editorial-preview--grid-auto
layout:grid-auto
Ouvrir dans le builder
editorial-preview · grille asymétrique
générée
editorial-preview--grid-asym
layout:grid-asym
Ouvrir dans le builder
editorial-preview · liste
générée
editorial-preview--list
layout:list
Ouvrir dans le builder
editorial-preview · lignes séparées
générée
editorial-preview--rows-divided
layout:rows-divided
Ouvrir dans le builder
editorial-preview · bento vedette
générée
editorial-preview--bento-feature
layout:bento-feature
Ouvrir dans le builder
editorial-preview · vedette + split
générée
editorial-preview--featured-split
layout:featured-split
Ouvrir dans le builder
editorial-preview · deux colonnes
générée
editorial-preview--two-col
layout:two-col
Ouvrir dans le builder
editorial-preview · alternance
générée
editorial-preview--alternating
layout:alternating
Ouvrir dans le builder
editorial-preview · jeu de cartes
générée
editorial-preview--cards-deck
layout:cards-deck
Ouvrir dans le builder
editorial-preview · liste média à gauche
générée
editorial-preview--list-media-left
layout:list-media-left
Ouvrir dans le builder
editorial-preview · grille 3 + vedette
générée
editorial-preview--grid-3-featured
layout:grid-3-featured
Ouvrir dans le builder

Sections liées

Même famille

article-grid stable

Grille de cartes d’articles/blog : image optionnelle, tag, titre, date, temps de lecture, extrait, auteur et lien, en 2 ou 3 colonnes. Le classique éditorial B2B.

card-grid Content Listing Sections SurvolImageIcônes +3 18 décl.

case-card-grid stable

Table éditoriale de cas clients en six colonnes (index, client, secteur, stack, impact, flèche) façon compte rendu d'audit.

card-grid Testimonial Sections Apparition au scrollSurvolDéfilement +3 31 décl.

case-featured-grid stable

Grille de cas clients « featured » : un cas mis en avant (colonne large, cover optionnelle) plus des cas secondaires en lignes numérotées, avec chip de provenance.

card-grid Testimonial Sections Apparition au scrollSurvolDéfilement +6 17 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.

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.

deliverables-grid stable

Grille de livrables tangibles avec cards numérotées et tag format/durée, extraite des pages offre et détail.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 29 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

use-case-index stable

Index éditorial de cas d'usage en lignes numérotées avec libellé italique, tag mono et lien d'ancrage solution.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +2 17 décl.

editorial-split-grid stable

Split éditorial deux colonnes pour lister blog et livres blancs, chacun avec cartes connexes et CTA.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 17 décl.

related-cards-band stable

Bande de trois cards connexes pour relier cas, offres ou ressources en fin de page.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +2 17 décl.

feature-comparison-grid stable

Différenciation légère « nous vs eux » en grille de cartes : 2 ou 3 colonnes, lignes cochées ou barrées, colonne mise en avant. Plus léger que la table comparative.

card-grid Feature Sections ListeCartes3 colonnes 18 décl.

services-grid stable

Grille éditoriale de services 3×2 avec figure, métrique, body et ligne de connecteurs en pied de cellule.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +2 17 décl.

problems-grid stable

Grille de problèmes/frictions auto-fit (3 cards min) : num + kicker + h3 + body, séparateurs hairline 1px.

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

Code

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

{
  "type": "editorial-preview",
  "roman": "VI",
  "act_label_fr": "Acte VI · Notes de terrain",
  "act_label_en": "Act VI · Field notes",
  "h2_fr": "Le <i>blog</i> qu'on aurait voulu lire avant de commencer.",
  "h2_en": "The <i>blog</i> we wish we'd read before starting.",
  "aside_fr": "Pas de pensum SEO. Notes courtes, cas concrets, recettes pratiques. Une newsletter mensuelle, jamais de promotion.",
  "aside_en": "No SEO bloat. Short notes, real cases, practical recipes. One monthly newsletter, never a promotion.",
  "items": [
    {
      "num": "01",
      "date_fr": "04.2026",
      "date_en": "04.2026",
      "tag_fr": "CAS",
      "tag_en": "CASE",
      "label_fr": "Healthtech · triage IA routé en 6 semaines.",
      "label_en": "Healthtech · AI triage routing in 6 weeks.",
      "href": "/blog"
    },
    {
      "num": "02",
      "date_fr": "04.2026",
      "date_en": "04.2026",
      "tag_fr": "MISE À JOUR",
      "tag_en": "UPDATE",
      "label_fr": "Atelier · noyaux multi-workspace, locale FR.",
      "label_en": "Workshop · multi-workspace kernels, French locale.",
      "href": "/blog"
    },
    {
      "num": "03",
      "date_fr": "03.2026",
      "date_en": "03.2026",
      "tag_fr": "NOTE",
      "tag_en": "FIELD NOTE",
      "label_fr": "HubSpot + Claude : le pattern discret qui livre vraiment.",
      "label_en": "HubSpot + Claude: the unglamorous pattern that actually ships.",
      "href": "/blog"
    },
    {
      "num": "04",
      "date_fr": "03.2026",
      "date_en": "03.2026",
      "tag_fr": "ESSAI",
      "tag_en": "ESSAY",
      "label_fr": "Contre l'esthétique cerveau-circuit.",
      "label_en": "Against the brain-circuit aesthetic.",
      "href": "/blog"
    },
    {
      "num": "05",
      "date_fr": "02.2026",
      "date_en": "02.2026",
      "tag_fr": "CAS",
      "tag_en": "CASE",
      "label_fr": "Scale-up SaaS B2B · refonte RevOps, pipeline réactivé.",
      "label_en": "B2B SaaS scale-up · RevOps rebuild, pipeline reactivated.",
      "href": "/blog"
    }
  ],
  "all_label_fr": "Tout le blog →",
  "all_label_en": "See the full blog →",
  "all_href": "/blog"
}

Pour un agent / MCP

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

/library/section/editorial-preview.json

Chemin du détail machine

/library/section/editorial-preview.json