Feature Sections
service-catalog-list
stable Bibliothèque Contenu inline (instance)Présenter les capacités
Liste-catalogue éditoriale de services en lignes (§ numéro, titre display, description, méta durée, flèche) avec footer CTA optionnel.
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 |
roman | Contenu | text | Oui | · | · |
label | Contenu | text | Oui | fr / en | · |
heading | Contenu | text | Oui | fr / en | · |
aside | Contenu | text | Non | fr / en | · |
meta | Contenu | text | Non | fr / en | · |
services | Contenu | array | Oui | · | 2..8 |
footer_label | Contenu | text | Non | fr / en | · |
footer_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é.
-
Catalogue de services · papier 2
curéeservice-catalog-list--paper-2 -
Catalogue de services · papier 3
curéeservice-catalog-list--paper-3 -
Catalogue de services · encre
curéeservice-catalog-list--ink -
service-catalog-list · grille uniforme
généréeservice-catalog-list--grid-uniform -
service-catalog-list · grille auto
généréeservice-catalog-list--grid-auto -
service-catalog-list · grille asymétrique
généréeservice-catalog-list--grid-asym -
service-catalog-list · liste
généréeservice-catalog-list--list -
service-catalog-list · lignes séparées
généréeservice-catalog-list--rows-divided -
service-catalog-list · bento vedette
généréeservice-catalog-list--bento-feature -
service-catalog-list · vedette + split
généréeservice-catalog-list--featured-split -
service-catalog-list · deux colonnes
généréeservice-catalog-list--two-col -
service-catalog-list · alternance
généréeservice-catalog-list--alternating -
service-catalog-list · jeu de cartes
généréeservice-catalog-list--cards-deck -
service-catalog-list · liste média à gauche
généréeservice-catalog-list--list-media-left -
service-catalog-list · grille 3 + vedette
généréeservice-catalog-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.
-
Catalogue de services · papier 2
curéeservice-catalog-list--paper-2background:paper-2Ouvrir dans le builder -
Catalogue de services · papier 3
curéeservice-catalog-list--paper-3background:paper-3Ouvrir dans le builder -
Catalogue de services · encre
curéeservice-catalog-list--inkbackground:inkOuvrir dans le builder -
service-catalog-list · grille uniforme
généréeservice-catalog-list--grid-uniformlayout:grid-uniformOuvrir dans le builder -
service-catalog-list · grille auto
généréeservice-catalog-list--grid-autolayout:grid-autoOuvrir dans le builder -
service-catalog-list · grille asymétrique
généréeservice-catalog-list--grid-asymlayout:grid-asymOuvrir dans le builder -
service-catalog-list · liste
généréeservice-catalog-list--listlayout:listOuvrir dans le builder -
service-catalog-list · lignes séparées
généréeservice-catalog-list--rows-dividedlayout:rows-dividedOuvrir dans le builder -
service-catalog-list · bento vedette
généréeservice-catalog-list--bento-featurelayout:bento-featureOuvrir dans le builder -
service-catalog-list · vedette + split
généréeservice-catalog-list--featured-splitlayout:featured-splitOuvrir dans le builder -
service-catalog-list · deux colonnes
généréeservice-catalog-list--two-collayout:two-colOuvrir dans le builder -
service-catalog-list · alternance
généréeservice-catalog-list--alternatinglayout:alternatingOuvrir dans le builder -
service-catalog-list · jeu de cartes
généréeservice-catalog-list--cards-decklayout:cards-deckOuvrir dans le builder -
service-catalog-list · liste média à gauche
généréeservice-catalog-list--list-media-leftlayout:list-media-leftOuvrir dans le builder -
service-catalog-list · grille 3 + vedette
généréeservice-catalog-list--grid-3-featuredlayout:grid-3-featuredOuvrir 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.
ListeBadge1 colonne 16 décl.curriculum-timeline stable Bloc curriculum : entete + frise verticale (experience / formation / distinctions) sur fond paper-2. Compose l’atome Timeline.
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.
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.
Liste1 colonne 17 décl.learning-path-list stable Liste de parcours : titre de section et une ligne par parcours (titre en gras + description).
1 colonne 17 décl.list-index-section stable Masthead de listing avec filtres optionnels, conteneur de liste ouvert et footer custom.
Apparition au scrollDéfilement1 colonne 17 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
operating-layer stable Section couche opérationnelle fond sombre : chapter label + h2 + lede + CTA, console terminal mockup à droite, strip 4 attributs en pied.
Apparition au scrollDéfilementIllustration au trait +3 14 décl.tech-positioning-split stable Prise de position technologique en split 50/50 : kicker, titre display, aside, statement manifesto et facts mono clé/valeur.
Apparition au scrollDéfilementIllustration au trait +2 15 décl.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.
Apparition au scrollSurvolDéfilement +2 17 décl.editorial-preview stable Index éditorial de publications en lignes numérotées (num · date · tag · titre italique · flèche), extrait de FieldNotes.
Apparition au scrollSurvolDéfilement +3 17 décl.editorial-split-grid stable Split éditorial deux colonnes pour lister blog et livres blancs, chacun avec cartes connexes et CTA.
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.
Apparition au scrollSurvolDéfilement +2 17 décl.Code
Données de la section (à placer dans sections[])
{
"type": "service-catalog-list",
"roman": "II",
"label_fr": "§ 02 - Catalogue conseil",
"label_en": "§ 02 - Advisory catalogue",
"heading_fr": "Quatre <i>chantiers</i>. Un seul standard.",
"heading_en": "Four <i>engagements</i>. One standard.",
"aside_fr": "Du diagnostic à la dette technique : chaque chantier produit une couche que vos équipes reprennent et exploitent.",
"aside_en": "From diagnosis to technical debt: each engagement produces a layer your teams own and operate.",
"services": [
{
"num": "02.1",
"title_fr": "Audit de maturité IA",
"title_en": "AI Maturity Audit",
"desc_fr": "Cartographie des cas d'usage, des données et des risques avant tout chantier.",
"desc_en": "Mapping of use cases, data, and risks before any engagement.",
"meta": "10 j · 10 days",
"href": "/audit-ia-pme"
},
{
"num": "02.2",
"title_fr": "Roadmap & cadrage",
"title_en": "Roadmap & Scoping",
"desc_fr": "Priorisation des chantiers, séquencement et budget cadré sur 3-5 jalons.",
"desc_en": "Engagement prioritisation, sequencing, and budget framed across 3-5 milestones.",
"meta": "8 j · 8 days",
"href": "/services"
},
{
"num": "02.3",
"title_fr": "Gouvernance des données",
"title_en": "Data Governance",
"desc_fr": "Mise en place des règles d'accès, de qualité et de traçabilité réutilisables.",
"desc_en": "Reusable access, quality, and traceability rules put in place.",
"meta": "12 j · 12 days",
"href": "/services"
},
{
"num": "02.4",
"title_fr": "Dette technique",
"title_en": "Technical Debt",
"desc_fr": "Diagnostic et plan de remédiation de la dette qui freine la mise en production.",
"desc_en": "Diagnosis and remediation plan for the debt slowing production.",
"meta": "15 j · 15 days",
"href": "/services"
}
],
"footer_label_fr": "Voir toutes les offres →",
"footer_label_en": "See all services →",
"footer_href": "/services"
}/library/section/service-catalog-list.json
Chemin du détail machine
/library/section/service-catalog-list.json