Waimia.
Réserver un audit →

Feature Sections

deliverables-grid

stable Bibliothèque Contenu inline (instance)

Présenter les capacités

Grille de livrables tangibles avec cards numérotées et tag format/durée, extraite des pages offre et détail.

deliverables grid cards offer
Ouvrir dans le builder

Instances sur le site

Global 32 instances sur 32 pages

Page Position Contenu Variante
/audit-ia-pme section 2 Trois livrables activables, pas un diaporama paper-2
/audit-site-web-intelligent section 2 Un plan priorisé, pas un rapport qui dort paper-2
/lp/site-web-intelligent section 8 Ce que vous récupérez concrètement. paper-2
/lp/systeme-acquisition section 7 Ce que vous récupérez concrètement paper-2
/lp/systeme-ia-marketing section 8 Ce que vous récupérez concrètement. paper-2
/lp/visibilite-google-ia section 8 Ce que vous récupérez concrètement. paper-2
/services/agent-support-client section 8 Ce qu'on met en production paper
/services/applications-internes section 7 Ce que vous récupérez concrètement paper
/services/automatisation-n8n section 8 Ce que vous récupérez concrètement paper
/services/cold-email-b2b section 8 Ce que vous récupérez concrètement paper
/services/consultant-ia-claude section 7 Ce qu'on dépose chez vous paper
/services/crm-scoring-routing section 7 Ce que vous récupérez concrètement paper
/services/integration-claude section 7 Ce qu'on dépose chez vous paper
/services/integration-crm section 7 Ce que vous récupérez concrètement paper
/services/landing-page-google-ads section 7 Ce qu'on branche chez vous paper
/services/landing-pages-tunnels section 7 Ce qu'on branche chez vous paper
/services/maintenance-growth section 7 Ce qu'on dépose chaque mois paper
/services/mvp-saas section 7 Ce que vous récupérez concrètement paper
/services/prospection-automatisee section 8 Ce que vous récupérez concrètement paper
/services/publicite-en-ligne section 7 Ce qu'on branche chez vous paper
/services/referencement-ia section 7 Ce que vous récupérez concrètement paper
/services/relance-devis section 7 Ce que vous récupérez concrètement paper
/services/seo-geo-contenu section 7 Ce que vous récupérez concrètement paper
/services/seo-local section 7 Ce que vous récupérez concrètement paper
/services/sequences-de-suivi section 7 Ce que vous récupérez concrètement paper
/services/site-web-ia section 7 Ce que vous récupérez concrètement paper
/services/sur-mesure-headless section 7 Ce que vous récupérez concrètement paper
/services/systeme-acquisition section 7 Ce que vous récupérez concrètement paper
/services/systeme-commercial section 7 Ce que vous récupérez concrètement paper
/services/template-service-ref section 9 Ce qu'ondépose chez vous paper
/services/webflow section 7 Ce que vous récupérez concrètement paper
/services/wordpress section 7 Ce que vous récupérez concrètement paper

Aperçu

Comment l'utiliser

Intention

Présenter les capacités

Rôle de page

Corps

Modèle de contenu

Contenu inline (instance)

Effets

Apparition au scroll

Interactions

Survol Défilement

Éléments

Illustration au trait Cartes Liste

Mise en page

Multi-colonnes

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
background Présentation enum Non · paper · paper-2 · paper-3 · ink
layout Présentation enum Non · grid-uniform · grid-auto · grid-asym · list · rows-divided · bento-feature · featured-split
columns Présentation enum Non · 2 · 3 · 4 · 5 · 6 · auto
colRatio Présentation enum Non · equal · 1-2 · 2-1 · 1-1-2 · 2-3
itemHeight Présentation enum Non · auto · even · square · video
density Présentation enum Non · compact · base · ample
contentAlign Présentation enum Non · start · center · end
placement Présentation object Non · ·
kicker Contenu text Oui fr / en ·
title Contenu text Oui fr / en ·
lead Contenu text Non fr / en ·
items Contenu array Oui · 2..8

Déclinaisons · 29

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 19 curées, 10 générées.

  • Livrables · grille adaptative · papier

    curée
    deliverables-grid--auto-paper

  • Livrables · 3 colonnes · papier

    curée
    deliverables-grid--3col-paper

  • Livrables · 4 colonnes · papier 2

    curée
    deliverables-grid--4col-paper-2

  • Livrables · 2 colonnes · ample · papier 3

    curée
    deliverables-grid--2col-ample-paper-3

  • Livrables · 3 colonnes · titre centré · papier

    curée
    deliverables-grid--3col-centered-paper

  • Livrables · 3 colonnes · compact · papier 2

    curée
    deliverables-grid--3col-compact-paper-2

  • Livrables · 4 colonnes · encre

    curée
    deliverables-grid--4col-ink

  • Livrables · 2 colonnes · centré · encre · ample

    curée
    deliverables-grid--2col-centered-ink-ample

  • Livrables · grille uniforme · 3 colonnes

    curée
    deliverables-grid--grid-uniform-3

  • Livrables · grille uniforme · 4 colonnes · hauteurs égales

    curée
    deliverables-grid--grid-uniform-4-even

  • Livrables · grille fluide adaptative

    curée
    deliverables-grid--grid-auto

  • Livrables · grille asymétrique · large + étroite

    curée
    deliverables-grid--grid-asym-2-1

  • Livrables · grille asymétrique · étroite + large · encre

    curée
    deliverables-grid--grid-asym-1-2-ink

  • Livrables · liste horizontale

    curée
    deliverables-grid--list

  • Livrables · lignes séparées (table éditoriale)

    curée
    deliverables-grid--rows-divided

  • Livrables · bento vedette (1ʳᵉ carte large)

    curée
    deliverables-grid--bento-feature

  • Livrables · bloc vedette + colonne · encre

    curée
    deliverables-grid--featured-split-ink

  • Livrables · grille fluide · en-tête centré (placement)

    curée
    deliverables-grid--atomic-header-center

  • Livrables · grille avant en-tête (placement order)

    curée
    deliverables-grid--atomic-body-first

  • deliverables-grid · grille uniforme

    générée
    deliverables-grid--grid-uniform

  • deliverables-grid · grille asymétrique

    générée
    deliverables-grid--grid-asym

  • deliverables-grid · vedette + split

    générée
    deliverables-grid--featured-split

  • deliverables-grid · deux colonnes

    générée
    deliverables-grid--two-col

  • deliverables-grid · alternance

    générée
    deliverables-grid--alternating

  • deliverables-grid · jeu de cartes

    générée
    deliverables-grid--cards-deck

  • deliverables-grid · liste média à gauche

    générée
    deliverables-grid--list-media-left

  • deliverables-grid · grille 3 + vedette

    générée
    deliverables-grid--grid-3-featured

  • deliverables-grid · cartes superposées

    générée
    deliverables-grid--cards-overlap

  • deliverables-grid · ligne de mesures

    générée
    deliverables-grid--metric-row

Comparer les déclinaisons · 29

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.

  • Livrables · grille adaptative · papier

    curée
    deliverables-grid--auto-paper
    background:papercolumns:auto
    Ouvrir dans le builder

  • Livrables · 3 colonnes · papier

    curée
    deliverables-grid--3col-paper
    background:papercolumns:3
    Ouvrir dans le builder

  • Livrables · 4 colonnes · papier 2

    curée
    deliverables-grid--4col-paper-2
    background:paper-2columns:4
    Ouvrir dans le builder

  • Livrables · 2 colonnes · ample · papier 3

    curée
    deliverables-grid--2col-ample-paper-3
    background:paper-3columns:2density:ample
    Ouvrir dans le builder

  • Livrables · 3 colonnes · titre centré · papier

    curée
    deliverables-grid--3col-centered-paper
    background:papercolumns:3contentAlign:center
    Ouvrir dans le builder

  • Livrables · 3 colonnes · compact · papier 2

    curée
    deliverables-grid--3col-compact-paper-2
    background:paper-2columns:3density:compact
    Ouvrir dans le builder

  • Livrables · 4 colonnes · encre

    curée
    deliverables-grid--4col-ink
    background:inkcolumns:4
    Ouvrir dans le builder

  • Livrables · 2 colonnes · centré · encre · ample

    curée
    deliverables-grid--2col-centered-ink-ample
    background:inkcolumns:2contentAlign:centerdensity:ample
    Ouvrir dans le builder

  • Livrables · grille uniforme · 3 colonnes

    curée
    deliverables-grid--grid-uniform-3
    layout:grid-uniformcolumns:3background:paper
    Ouvrir dans le builder

  • Livrables · grille uniforme · 4 colonnes · hauteurs égales

    curée
    deliverables-grid--grid-uniform-4-even
    layout:grid-uniformcolumns:4itemHeight:evenbackground:paper-2
    Ouvrir dans le builder

  • Livrables · grille fluide adaptative

    curée
    deliverables-grid--grid-auto
    layout:grid-autobackground:paper
    Ouvrir dans le builder

  • Livrables · grille asymétrique · large + étroite

    curée
    deliverables-grid--grid-asym-2-1
    layout:grid-asymcolRatio:2-1background:paper
    Ouvrir dans le builder

  • Livrables · grille asymétrique · étroite + large · encre

    curée
    deliverables-grid--grid-asym-1-2-ink
    layout:grid-asymcolRatio:1-2background:ink
    Ouvrir dans le builder

  • Livrables · liste horizontale

    curée
    deliverables-grid--list
    layout:listbackground:paper
    Ouvrir dans le builder

  • Livrables · lignes séparées (table éditoriale)

    curée
    deliverables-grid--rows-divided
    layout:rows-dividedbackground:paper
    Ouvrir dans le builder

  • Livrables · bento vedette (1ʳᵉ carte large)

    curée
    deliverables-grid--bento-feature
    layout:bento-featurebackground:paper-2
    Ouvrir dans le builder

  • Livrables · bloc vedette + colonne · encre

    curée
    deliverables-grid--featured-split-ink
    layout:featured-splitbackground:ink
    Ouvrir dans le builder

  • Livrables · grille fluide · en-tête centré (placement)

    curée
    deliverables-grid--atomic-header-center
    layout:grid-autobackground:paperplacement
    Ouvrir dans le builder

  • Livrables · grille avant en-tête (placement order)

    curée
    deliverables-grid--atomic-body-first
    layout:grid-uniformcolumns:3background:paperplacement
    Ouvrir dans le builder

  • deliverables-grid · grille uniforme

    générée
    deliverables-grid--grid-uniform
    layout:grid-uniform
    Ouvrir dans le builder

  • deliverables-grid · grille asymétrique

    générée
    deliverables-grid--grid-asym
    layout:grid-asym
    Ouvrir dans le builder

  • deliverables-grid · vedette + split

    générée
    deliverables-grid--featured-split
    layout:featured-split
    Ouvrir dans le builder

  • deliverables-grid · deux colonnes

    générée
    deliverables-grid--two-col
    layout:two-col
    Ouvrir dans le builder

  • deliverables-grid · alternance

    générée
    deliverables-grid--alternating
    layout:alternating
    Ouvrir dans le builder

  • deliverables-grid · jeu de cartes

    générée
    deliverables-grid--cards-deck
    layout:cards-deck
    Ouvrir dans le builder

  • deliverables-grid · liste média à gauche

    générée
    deliverables-grid--list-media-left
    layout:list-media-left
    Ouvrir dans le builder

  • deliverables-grid · grille 3 + vedette

    générée
    deliverables-grid--grid-3-featured
    layout:grid-3-featured
    Ouvrir dans le builder

  • deliverables-grid · cartes superposées

    générée
    deliverables-grid--cards-overlap
    layout:cards-overlap
    Ouvrir dans le builder

  • deliverables-grid · ligne de mesures

    générée
    deliverables-grid--metric-row
    layout:metric-row
    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.
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.
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

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.
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.
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.
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.
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.
related-cards-band stable

Bande de trois cards connexes pour relier cas, offres ou ressources en fin de page.

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

Code

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

{
  "type": "deliverables-grid",
  "kicker_fr": "§ Livrables",
  "kicker_en": "§ Deliverables",
  "title_fr": "Ce qu'on <br/><i>dépose</i> chez vous",
  "title_en": "What we<br/><i>leave</i> with you",
  "lead_fr": "Des livrables tangibles, relisibles, transférables à votre équipe dès la fin du sprint.",
  "lead_en": "Tangible deliverables your team can read, own, and use as soon as the sprint ends.",
  "items": [
    {
      "title_fr": "Carte des workflows",
      "title_en": "Workflow map",
      "body_fr": "Tous les points de friction priorisés par impact, effort et risque opérationnel.",
      "body_en": "Every friction point prioritised by impact, effort, and operational risk.",
      "format_fr": "PDF",
      "format_en": "PDF",
      "duration_fr": "5 jours",
      "duration_en": "5 days",
      "illustration_src": "/images/line-art/livrable-tableau-mesure.svg",
      "illustration_alt_fr": "Un tableau de bord avec une courbe de tendance",
      "illustration_alt_en": "A dashboard with a trend curve"
    },
    {
      "title_fr": "Agent configuré",
      "title_en": "Configured agent",
      "body_fr": "Un agent Claude câblé à vos outils, avec consignes métier et garde-fous de reprise.",
      "body_en": "A Claude agent wired to your tools, with business instructions and takeover guardrails.",
      "format_fr": "Repo",
      "format_en": "Repo",
      "duration_fr": "2 sem.",
      "duration_en": "2 wk"
    },
    {
      "title_fr": "Runbook de maintenance",
      "title_en": "Maintenance runbook",
      "body_fr": "Procédures de contrôle, relance, évolution et audit pour ne pas dépendre de Waimia.",
      "body_en": "Control, recovery, evolution, and audit procedures so you do not depend on Waimia.",
      "format_fr": "Notion",
      "format_en": "Notion",
      "duration_fr": "Transfert",
      "duration_en": "Handover"
    },
    {
      "title_fr": "Tableau de bord des métriques",
      "title_en": "Metrics dashboard",
      "body_fr": "Les indicateurs clés du dispositif suivis en temps réel, lisibles par toute l’équipe.",
      "body_en": "The key indicators of the system tracked in real time, readable by the whole team.",
      "format_fr": "Looker",
      "format_en": "Looker",
      "duration_fr": "3 jours",
      "duration_en": "3 days",
      "illustration_src": "/images/line-art/livrable-tableau-mesure.svg",
      "illustration_alt_fr": "Un tableau de bord avec des indicateurs",
      "illustration_alt_en": "A dashboard with indicators"
    },
    {
      "title_fr": "Jeu de prompts validés",
      "title_en": "Validated prompt set",
      "body_fr": "La bibliothèque de prompts métier testés, versionnés et documentés pour vos cas d’usage.",
      "body_en": "The library of business prompts, tested, versioned, and documented for your use cases.",
      "format_fr": "Repo",
      "format_en": "Repo",
      "duration_fr": "1 sem.",
      "duration_en": "1 wk"
    },
    {
      "title_fr": "Plan de montée en charge",
      "title_en": "Scale-up plan",
      "body_fr": "La feuille de route d’extension du dispositif aux équipes et processus voisins.",
      "body_en": "The roadmap to extend the system to neighbouring teams and processes.",
      "format_fr": "PDF",
      "format_en": "PDF",
      "duration_fr": "2 jours",
      "duration_en": "2 days"
    }
  ]
}

Pour un agent / MCP

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

/library/section/deliverables-grid.json

Chemin du détail machine

/library/section/deliverables-grid.json