Index Sections

learning-path-list

stable Bibliothèque Contenu inline (instance)

Orienter / naviguer

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

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Uniquement en bibliothèque (aucune instance en page).

Aperçu

Comment l'utiliser

Intention

Orienter / naviguer

Rôle de page

Utilitaire

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
`title`	Contenu	`text`	Oui	fr / en	·
`items`	Contenu	`array`	Oui	·	1..12

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é.

Parcours d’apprentissage · papier 2
curée
learning-path-list--paper-2
Parcours d’apprentissage · papier 3
curée
learning-path-list--paper-3
Parcours d’apprentissage · encre
curée
learning-path-list--ink
learning-path-list · grille uniforme
générée
learning-path-list--grid-uniform
learning-path-list · grille auto
générée
learning-path-list--grid-auto
learning-path-list · grille asymétrique
générée
learning-path-list--grid-asym
learning-path-list · liste
générée
learning-path-list--list
learning-path-list · lignes séparées
générée
learning-path-list--rows-divided
learning-path-list · bento vedette
générée
learning-path-list--bento-feature
learning-path-list · vedette + split
générée
learning-path-list--featured-split
learning-path-list · deux colonnes
générée
learning-path-list--two-col
learning-path-list · alternance
générée
learning-path-list--alternating
learning-path-list · jeu de cartes
générée
learning-path-list--cards-deck
learning-path-list · liste média à gauche
générée
learning-path-list--list-media-left
learning-path-list · grille 3 + vedette
générée
learning-path-list--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.

Parcours d’apprentissage · papier 2
curée
learning-path-list--paper-2
background:paper-2
Ouvrir dans le builder
Parcours d’apprentissage · papier 3
curée
learning-path-list--paper-3
background:paper-3
Ouvrir dans le builder
Parcours d’apprentissage · encre
curée
learning-path-list--ink
background:ink
Ouvrir dans le builder
learning-path-list · grille uniforme
générée
learning-path-list--grid-uniform
layout:grid-uniform
Ouvrir dans le builder
learning-path-list · grille auto
générée
learning-path-list--grid-auto
layout:grid-auto
Ouvrir dans le builder
learning-path-list · grille asymétrique
générée
learning-path-list--grid-asym
layout:grid-asym
Ouvrir dans le builder
learning-path-list · liste
générée
learning-path-list--list
layout:list
Ouvrir dans le builder
learning-path-list · lignes séparées
générée
learning-path-list--rows-divided
layout:rows-divided
Ouvrir dans le builder
learning-path-list · bento vedette
générée
learning-path-list--bento-feature
layout:bento-feature
Ouvrir dans le builder
learning-path-list · vedette + split
générée
learning-path-list--featured-split
layout:featured-split
Ouvrir dans le builder
learning-path-list · deux colonnes
générée
learning-path-list--two-col
layout:two-col
Ouvrir dans le builder
learning-path-list · alternance
générée
learning-path-list--alternating
layout:alternating
Ouvrir dans le builder
learning-path-list · jeu de cartes
générée
learning-path-list--cards-deck
layout:cards-deck
Ouvrir dans le builder
learning-path-list · liste média à gauche
générée
learning-path-list--list-media-left
layout:list-media-left
Ouvrir dans le builder
learning-path-list · grille 3 + vedette
générée
learning-path-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.

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.

numbered-layer-list stable

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

list Editorial Sections Apparition au scrollDéfilementListe +2 18 décl.

Même catégorie

course-catalog-table stable

Tableau du catalogue formations : titre de section et lignes (#, titre, niveau en pill, durée, prix, flèche), une formation par ligne.

table Index Sections SurvolBadgeMulti-colonnes 12 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.

related-links stable

Bloc compact de maillage interne : groupes de liens internes contextuels en colonnes, avec petit label de groupe et description optionnelle. Renforce le SEO et oriente la navigation en fin de page.

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

used-service-callout stable

Encadre compact « offre(s) utilisee(s) » : liste de cross-liens vers les services mobilises sur un projet, bord gauche accent.

list Index Sections SurvolListe1 colonne 17 décl.

Similaires

breadcrumb-bar stable

Fil d'Ariane « classic » : barre de navigation standard (ol mono uppercase, séparateurs /), posée sous le header fixe. Modèle sobre de la catégorie breadcrumb, à côté du modèle éditorial masthead-bar. 100% DS-driven.

breadcrumb Breadcrumb Sections 1 colonne 5 décl.

masthead-bar stable

Bande de chrome haut : fil d'Ariane intégré au masthead éditorial (méta lieu, édition, statut), posée sous le header fixe et au-dessus du hero. Composant autonome, universel (home incluse). Variante paper et ink.

breadcrumb Breadcrumb Sections 1 colonne 13 décl.

welcome-section stable

Écran de confirmation post-conversion avec checkmark, message central, trois prochaines étapes et lien retour.

prose Utility Sections SurvolIllustration au traitBoutons +5 15 décl.

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.

resource-card-grid stable

Grille de ressources téléchargeables : type (livre blanc, cookbook, outil), titre, description, format, badge gated et CTA, en 2 ou 3 colonnes.

card-grid Content Listing Sections SurvolBoutonsIcônes +3 17 décl.

sector-card-grid stable

Grille de hubs sectoriels en cartes cliquables : ICP en kicker, secteur, douleur en une phrase et CTA, en 3 colonnes sur fond hairline.

card-grid Content Listing Sections Apparition au scrollSurvolBoutons +2 17 décl.

Code

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

{
  "type": "learning-path-list",
  "title_fr": "Parcours",
  "title_en": "Learning paths",
  "items": [
    {
      "title_fr": "Dirigeant augmenté",
      "title_en": "Augmented leader",
      "desc_fr": "Trois formations pour piloter l'IA dans votre PME, du cadrage stratégique au déploiement mesuré.",
      "desc_en": "Three courses to steer AI in your SMB, from strategic framing to measured deployment."
    },
    {
      "title_fr": "Équipe opérationnelle",
      "title_en": "Operational team",
      "desc_fr": "Parcours pratique orienté workflows pour les équipes qui veulent des résultats dès le premier mois.",
      "desc_en": "A hands-on, workflow-oriented program for teams that want results from the first month."
    }
  ]
}

Pour un agent / MCP

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

/library/section/learning-path-list.json

Chemin du détail machine

/library/section/learning-path-list.json