Waimia.

Testimonial Sections

editorial-case-grid

stable Sur waimia · 1 Contenu inline (instance)

Établir la crédibilité, Raconter une histoire

Grille editoriale de cas clients : en-tete numerote + titre + intro, puis cartes EditorialCaseCard en 2 colonnes avec decalage vertical alterne (signature /manifesto Acte IV).

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

  • src/pages/manifesto.astro

Aperçu

Comment l'utiliser

Interactions

Éléments

Mise en page

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
num Contenu text Oui fr / en ·
kicker Contenu text Oui fr / en ·
h2 Contenu text Oui fr / en ·
intro Contenu text Non fr / en ·
background Présentation enum Non · paper · paper-2 · ink
stagger Contenu number Non · ·
items Contenu array Oui · 1..8

Déclinaisons · 16

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 2 curées, 14 générées. Échantillon des 12 premières générées (sur 14) ; toutes accessibles en rendu isolé.

  • Grille de cas · papier 2

    curée
    editorial-case-grid--paper-2
  • Grille de cas · encre

    curée
    editorial-case-grid--ink
  • editorial-case-grid · grille uniforme

    générée
    editorial-case-grid--grid-uniform
  • editorial-case-grid · grille auto

    générée
    editorial-case-grid--grid-auto
  • editorial-case-grid · grille asymétrique

    générée
    editorial-case-grid--grid-asym
  • editorial-case-grid · liste

    générée
    editorial-case-grid--list
  • editorial-case-grid · lignes séparées

    générée
    editorial-case-grid--rows-divided
  • editorial-case-grid · bento vedette

    générée
    editorial-case-grid--bento-feature
  • editorial-case-grid · vedette + split

    générée
    editorial-case-grid--featured-split
  • editorial-case-grid · deux colonnes

    générée
    editorial-case-grid--two-col
  • editorial-case-grid · alternance

    générée
    editorial-case-grid--alternating
  • editorial-case-grid · jeu de cartes

    générée
    editorial-case-grid--cards-deck
  • editorial-case-grid · liste média à gauche

    générée
    editorial-case-grid--list-media-left
  • editorial-case-grid · grille 3 + vedette

    générée
    editorial-case-grid--grid-3-featured

Comparer les déclinaisons · 14

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 de cas · papier 2

    curée
    editorial-case-grid--paper-2
    background:paper-2
    Ouvrir dans le builder
  • Grille de cas · encre

    curée
    editorial-case-grid--ink
    background:ink
    Ouvrir dans le builder
  • editorial-case-grid · grille uniforme

    générée
    editorial-case-grid--grid-uniform
    layout:grid-uniform
    Ouvrir dans le builder
  • editorial-case-grid · grille auto

    générée
    editorial-case-grid--grid-auto
    layout:grid-auto
    Ouvrir dans le builder
  • editorial-case-grid · grille asymétrique

    générée
    editorial-case-grid--grid-asym
    layout:grid-asym
    Ouvrir dans le builder
  • editorial-case-grid · liste

    générée
    editorial-case-grid--list
    layout:list
    Ouvrir dans le builder
  • editorial-case-grid · lignes séparées

    générée
    editorial-case-grid--rows-divided
    layout:rows-divided
    Ouvrir dans le builder
  • editorial-case-grid · bento vedette

    générée
    editorial-case-grid--bento-feature
    layout:bento-feature
    Ouvrir dans le builder
  • editorial-case-grid · vedette + split

    générée
    editorial-case-grid--featured-split
    layout:featured-split
    Ouvrir dans le builder
  • editorial-case-grid · deux colonnes

    générée
    editorial-case-grid--two-col
    layout:two-col
    Ouvrir dans le builder
  • editorial-case-grid · alternance

    générée
    editorial-case-grid--alternating
    layout:alternating
    Ouvrir dans le builder
  • editorial-case-grid · jeu de cartes

    générée
    editorial-case-grid--cards-deck
    layout:cards-deck
    Ouvrir dans le builder
  • editorial-case-grid · liste média à gauche

    générée
    editorial-case-grid--list-media-left
    layout:list-media-left
    Ouvrir dans le builder
  • editorial-case-grid · grille 3 + vedette

    générée
    editorial-case-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.
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

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.
case-split stable

Cas client en split dark/light 50/50 : récit du cas à gauche (titre, body, CTA) et résultats chiffrés à droite.

split-media Testimonial Sections Apparition au scrollSurvolDéfilement +4 13 décl.
case-spotlight stable

Vitrine de cas concret insérable partout : carte INK avec visuel habillé + titre serti d’un relevé accent, citation à barre accent, métriques massives latérales, tags méta et CTA. Levier de conversion à fort impact.

quote Testimonial Sections Apparition au scrollDéfilementPlusieurs images +8 12 décl.
off-proof stable

Signal terrain : citation client (PullQuote) à gauche et grille de chiffres KeyMetric à droite, en asymétrie 5/7 avec séparateur Dingbat.

quote Testimonial Sections Apparition au scrollDéfilementIllustration au trait +5 16 décl.
pull-quote-block stable

Citation éditoriale isolée centrée ou inline, wrapper catalogue autour de la molécule PullQuote.

quote Testimonial Sections CitationAvatar1 colonne 18 décl.

Similaires

testimonial-wall stable

Mur d'avis masonry : citations clients surlignées, note moyenne et profils LinkedIn pour une preuve sociale dense.

card-grid Testimonial Sections Apparition au scrollZoom au survolSurvol +6 23 décl.
team-bio-grid stable

Grille d’équipe : photo, nom, rôle et bio courte par membre, en 2 à 4 colonnes alignées. Idéale pour une page À propos ou Équipe qui humanise la marque.

card-grid Team Sections SurvolImageIllustration au trait +4 19 décl.
team-card-grid stable

Grille auto-fill de cartes auteurs avec photo, rôle, description, compteur de publications et CTA profil.

card-grid Testimonial Sections Zoom au survolSurvolImage +4 11 décl.
trust-legal-section stable

Masthead documentaire avec meta de révision et sommaire sticky pour pages confiance, gouvernance et légales.

prose Trust Sections Apparition au scrollSurvolDéfilement +5 15 décl.
provenance-chip stable

Chip de provenance E-E-A-T : badge plein (projet realise) ou outline (etude sources tierces), cliquable vers la page methodologie.

band Trust Sections Apparition au scrollSurvolBadge +1 15 décl.
publications-panel stable

Panneau publications d’un profil : entete + callout manifeste + liste de publications + index de ressources recentes + lien « tout voir ».

list Content Listing Sections Apparition au scrollSurvolListe +2 17 décl.

Code

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

{
  "type": "editorial-case-grid",
  "num_fr": "IV.",
  "num_en": "IV.",
  "kicker_fr": "Les preuves",
  "kicker_en": "The proof",
  "h2_fr": "Pas des démos. Des <i class=\"accent\">résultats</i>.",
  "h2_en": "Not demos. <i class=\"accent\">Results</i>.",
  "intro_fr": "Des cas, chiffres en clair. Pas de logos pour faire joli. Chaque ligne contient le secteur, la durée, la stack et l’impact mesuré, celui qu’on défend en comité de direction.",
  "intro_en": "Cases, numbers in the clear. No vanity logos. Each row holds the sector, duration, stack and measured impact, the one we defend in steering committees.",
  "background": "paper",
  "stagger": 60,
  "items": [
    {
      "client": "Cabinet Plateau",
      "sector_fr": "Conseil",
      "sector_en": "Consulting",
      "stack": "Claude · HubSpot · Make",
      "impact_fr": "8 semaines gagnées sur les propositions",
      "impact_en": "8 weeks saved on proposals",
      "duration": "4 sem.",
      "href": "/cas-clients/plateau"
    },
    {
      "client": "RevOps Studio",
      "sector_fr": "SaaS B2B",
      "sector_en": "B2B SaaS",
      "stack": "Claude · CRM · Analytics",
      "impact_fr": "Site, CRM et relances dans un pipeline",
      "impact_en": "Site, CRM and follow-ups in one pipeline",
      "duration": "5 sem.",
      "href": "/cas-clients"
    }
  ]
}

Pour un agent / MCP

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

/library/section/editorial-case-grid.json

Chemin du détail machine

/library/section/editorial-case-grid.json