Editorial Sections

numbered-layer-list

stable Sur waimia · 1 Contenu inline (instance)

Présenter les capacités, Expliquer un concept

Liste de couches numerotees : rang serif accent + titre + intro + sous-puces « → ». Ideale pour presenter une stack, des livrables ou des rangs par couche.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/pages/technologies.astro

Aperçu

Comment l'utiliser

Intention

Présenter les capacités Expliquer un concept

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
`srHeading`	Contenu	`text`	Non	fr / en	·
`layers`	Contenu	`array`	Oui	·	1..∞

Déclinaisons · 18

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

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

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.

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

Sections liées

Même famille

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.

curriculum-timeline stable

Bloc curriculum : entete + frise verticale (experience / formation / distinctions) sur fond paper-2. Compose l’atome Timeline.

list Timelines Apparition au scrollFrise chronologique1 colonne 15 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.

inclusions-list stable

Liste d'inclusions inline séparée par point médian pour expliciter le périmètre d'un engagement.

list Feature Sections Liste1 colonne 17 décl.

learning-path-list stable

Liste de parcours : titre de section et une ligne par parcours (titre en gras + description).

list Index Sections 1 colonne 17 décl.

list-index-section stable

Masthead de listing avec filtres optionnels, conteneur de liste ouvert et footer custom.

list Index Sections Apparition au scrollDéfilement1 colonne 17 décl.

Même catégorie

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.

editorial-prose stable

Wrapper de prose éditoriale tokenisé : colonne de lecture (largeur prose ou wide), fond alterné, héberge un contenu long via slot (corps MDX). Préserve la typographie du DS sans réécrire le texte.

prose Editorial Sections 1 colonne 16 décl.

Similaires

pain-severity-list stable

Liste éditoriale de pain-points sur fond ink, classés par sévérité : chaque item porte un label severity vertical (mono) et un glyphe (◆▲●○), un titre serif, une description, et une ligne mono « → correctif ». Séparateurs hairline, reveal-stagger.

prose Feature Sections Apparition au scrollDéfilementListe +2 21 décl.

rich-text stable

Section de corps riche : un corps Markdown bilingue rendu en HTML au build avec les styles prose du design system. Edition de corps editorial in-context sans backend (le Markdown vit dans le document de page, versionne avec le code). Titres, listes, liens, gras/italique ; mesure de ligne bornee ; variante ink lisible.

prose Editorial Sections Apparition au scrollSurvolListe +1 15 décl.

feature-split-media stable

Une feature majeure exposée en deux colonnes : texte et points clés d’un côté, mockup ou capture de l’autre. Le champ reversed permet d’alterner les côtés au fil de la page.

split-media Feature Sections Apparition au scrollDéfilementImage +6 25 décl.

service-catalog-list stable

Liste-catalogue éditoriale de services en lignes (§ numéro, titre display, description, méta durée, flèche) avec footer CTA optionnel.

list Feature Sections Apparition au scrollSurvolDéfilement +1 17 décl.

signed-writing-list stable

Index chronologique d’ecrits long-form signes : date + titre (lien) + extrait. Date formatee par langue.

list Content Listing Sections Apparition au scrollSurvolListe +1 17 décl.

offer-tier-grid stable

Section de palier d’offres avec eyebrow, H2, lede, grille de cartes et variante hero sombre optionnelle.

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

Code

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

{
  "type": "numbered-layer-list",
  "srHeading_fr": "Les couches du systeme",
  "srHeading_en": "The system layers",
  "layers": [
    {
      "n": "01",
      "label_fr": "Socle & donnees",
      "label_en": "Foundation & data",
      "intro_fr": "La base sur laquelle tout repose. On la pose proprement avant d’empiler.",
      "intro_en": "The base everything rests on. Laid cleanly before anything is stacked.",
      "items": [
        {
          "text_fr": "Sources de donnees cadrees et documentees.",
          "text_en": "Data sources scoped and documented."
        },
        {
          "text_fr": "Acces et permissions definis par role.",
          "text_en": "Access and permissions defined per role."
        },
        {
          "text_fr": "Standards ouverts, zero captivite.",
          "text_en": "Open standards, zero lock-in."
        }
      ]
    },
    {
      "n": "02",
      "label_fr": "Orchestration",
      "label_en": "Orchestration",
      "intro_fr": "La couche qui relie les outils existants aux agents specialises.",
      "intro_en": "The layer wiring existing tools to specialised agents.",
      "items": [
        {
          "text_fr": "Un agent par tache, pas un fourre-tout.",
          "text_en": "One agent per task, not a catch-all."
        },
        {
          "text_fr": "Regles et garde-fous explicites.",
          "text_en": "Explicit rules and guardrails."
        }
      ]
    },
    {
      "n": "03",
      "label_fr": "Mesure",
      "label_en": "Measurement",
      "intro_fr": "On mesure avant et apres. Si ca ne mesure rien, ca n’existe pas.",
      "intro_en": "We measure before and after. If it measures nothing, it does not exist.",
      "items": [
        {
          "text_fr": "Chaque action cle est tracee et attribuee.",
          "text_en": "Every key action is tracked and attributed."
        },
        {
          "text_fr": "Reporting branche quand la mesure le justifie.",
          "text_en": "Reporting wired in when measurement justifies it."
        }
      ]
    }
  ]
}

Pour un agent / MCP

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

/library/section/numbered-layer-list.json

Chemin du détail machine

/library/section/numbered-layer-list.json