Feature Sections

icon-trio

stable Bibliothèque Contenu inline (instance)

Présenter les capacités

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.

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`	Non	fr / en	·
`items`	Contenu	`array`	Oui	·	·

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

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

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

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.

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.

why-stalls stable

Section éditoriale "pourquoi X cale" : chapter label sticky à gauche + N FIG rows à droite avec row-lines.

card-grid Feature Sections DéfilementIllustration au trait2 colonnes +2 14 décl.

Code

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

{
  "type": "icon-trio",
  "kicker_fr": "Trois piliers · Waimia",
  "kicker_en": "Three pillars · Waimia",
  "h2_fr": "Ce qui nous <i>distingue</i>",
  "h2_en": "What <i>sets us apart</i>",
  "items": [
    {
      "glyph": "◈",
      "title_fr": "Diagnostic précis",
      "title_en": "Precise diagnosis",
      "body_fr": "Audit complet de vos flux IA en 5 jours. Pas de généralités, des recommandations actionnables.",
      "body_en": "Full AI workflow audit in 5 days. No generalities, just actionable recommendations."
    },
    {
      "glyph": "⟳",
      "title_fr": "Itération continue",
      "title_en": "Continuous iteration",
      "body_fr": "Chaque livrable est testé, mesuré, affiné. Le cycle court garantit la pertinence.",
      "body_en": "Every deliverable is tested, measured, refined. Short cycles ensure relevance."
    },
    {
      "glyph": "↗",
      "title_fr": "Transfert de compétences",
      "title_en": "Skills transfer",
      "body_fr": "Vos équipes maîtrisent les workflows à l'issue de chaque mission. Pas de dépendance.",
      "body_en": "Your teams master the workflows at the end of every engagement. No lock-in."
    }
  ]
}

Pour un agent / MCP

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

/library/section/icon-trio.json

Chemin du détail machine

/library/section/icon-trio.json