Feature Sections

commitments-grid

stable Bibliothèque Contenu inline (instance)

Présenter les capacités

Grille hairline de 2 à 6 engagements ou garanties, titre display et corps sans, extrait de la page Méthode.

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

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	·
`h2`	Contenu	`text`	Oui	fr / en	·
`body`	Contenu	`richtext`	Non	fr / en	·
`commitments`	Contenu	`array`	Oui	·	2..6

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

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

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

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.

ecosystem-partners stable

Logos partenaires technologiques unifiés (masque alpha + currentColor), groupés par catégorie, grille / mur / marquee, variante dark.

card-grid Logo Sections Défilement continuSurvolIllustration au trait +4 20 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.

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.

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.

Similaires

feature-grid stable

Grille de fonctionnalités pour structurer les bénéfices ou capacités principales d'une offre.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 22 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.

icon-trio stable

Trois colonnes iconographiques avec titre et description, séparées par des hairlines verticaux. Idéal pour présenter 3 piliers ou bénéfices distincts.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 17 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.

card-grid Feature Sections 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.

card-grid Feature Sections 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.

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

Code

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

{
  "type": "commitments-grid",
  "kicker_fr": "Nos engagements",
  "kicker_en": "Our commitments",
  "h2_fr": "Trois garanties. Aucune <i>exception</i>.",
  "h2_en": "Three guarantees. No <i>exception</i>.",
  "commitments": [
    {
      "title_fr": "Auditabilité totale",
      "title_en": "Full auditability",
      "body_fr": "Chaque décision du système est tracée, horodatée et exportable. Vous pouvez vérifier n'importe quel output à tout moment.",
      "body_en": "Every system decision is logged, timestamped and exportable. You can audit any output at any time."
    },
    {
      "title_fr": "Zéro dépendance propriétaire",
      "title_en": "Zero proprietary lock-in",
      "body_fr": "Les workflows sont construits sur des standards ouverts. Vous partez quand vous voulez, avec l'intégralité de vos données.",
      "body_en": "Workflows are built on open standards. Leave whenever you want with all your data intact."
    },
    {
      "title_fr": "Humain d'astreinte nommé",
      "title_en": "Named on-call human",
      "body_fr": "Un interlocuteur identifié, joignable sous 4h en jours ouvrés, pour toute question critique ou dérive constatée.",
      "body_en": "One named point of contact, reachable within 4h on business days, for any critical issue or drift."
    }
  ]
}

Pour un agent / MCP

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

/library/section/commitments-grid.json

Chemin du détail machine

/library/section/commitments-grid.json