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
-
src/pages/manifesto.astro
Aperçu
Comment l'utiliser
| 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éeeditorial-case-grid--paper-2 -
Grille de cas · encre
curéeeditorial-case-grid--ink -
editorial-case-grid · grille uniforme
généréeeditorial-case-grid--grid-uniform -
editorial-case-grid · grille auto
généréeeditorial-case-grid--grid-auto -
editorial-case-grid · grille asymétrique
généréeeditorial-case-grid--grid-asym -
editorial-case-grid · liste
généréeeditorial-case-grid--list -
editorial-case-grid · lignes séparées
généréeeditorial-case-grid--rows-divided -
editorial-case-grid · bento vedette
généréeeditorial-case-grid--bento-feature -
editorial-case-grid · vedette + split
généréeeditorial-case-grid--featured-split -
editorial-case-grid · deux colonnes
généréeeditorial-case-grid--two-col -
editorial-case-grid · alternance
généréeeditorial-case-grid--alternating -
editorial-case-grid · jeu de cartes
généréeeditorial-case-grid--cards-deck -
editorial-case-grid · liste média à gauche
généréeeditorial-case-grid--list-media-left -
editorial-case-grid · grille 3 + vedette
généréeeditorial-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éeeditorial-case-grid--paper-2background:paper-2Ouvrir dans le builder -
Grille de cas · encre
curéeeditorial-case-grid--inkbackground:inkOuvrir dans le builder -
editorial-case-grid · grille uniforme
généréeeditorial-case-grid--grid-uniformlayout:grid-uniformOuvrir dans le builder -
editorial-case-grid · grille auto
généréeeditorial-case-grid--grid-autolayout:grid-autoOuvrir dans le builder -
editorial-case-grid · grille asymétrique
généréeeditorial-case-grid--grid-asymlayout:grid-asymOuvrir dans le builder -
editorial-case-grid · liste
généréeeditorial-case-grid--listlayout:listOuvrir dans le builder -
editorial-case-grid · lignes séparées
généréeeditorial-case-grid--rows-dividedlayout:rows-dividedOuvrir dans le builder -
editorial-case-grid · bento vedette
généréeeditorial-case-grid--bento-featurelayout:bento-featureOuvrir dans le builder -
editorial-case-grid · vedette + split
généréeeditorial-case-grid--featured-splitlayout:featured-splitOuvrir dans le builder -
editorial-case-grid · deux colonnes
généréeeditorial-case-grid--two-collayout:two-colOuvrir dans le builder -
editorial-case-grid · alternance
généréeeditorial-case-grid--alternatinglayout:alternatingOuvrir dans le builder -
editorial-case-grid · jeu de cartes
généréeeditorial-case-grid--cards-decklayout:cards-deckOuvrir dans le builder -
editorial-case-grid · liste média à gauche
généréeeditorial-case-grid--list-media-leftlayout:list-media-leftOuvrir dans le builder -
editorial-case-grid · grille 3 + vedette
généréeeditorial-case-grid--grid-3-featuredlayout:grid-3-featuredOuvrir 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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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 ».
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"
}
]
}/library/section/editorial-case-grid.json
Chemin du détail machine
/library/section/editorial-case-grid.json