Waimia.

Testimonial Sections

pull-quote-block

stable Bibliothèque Contenu inline (instance)

Preuve sociale, Montrer les réalisations

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

Instances sur le site

Global 2 instances sur 2 pages

Page Position Contenu Variante
/ressources/diagnostics/referent-ia section 6 #5 centeredink
/ressources/guides/claude-pme section 5 #4 centeredink

Aperçu

Comment l'utiliser

Mise en page

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
background Présentation enum Non · paper · paper-2 · paper-3 · ink
quote Contenu text Oui fr / en ·
cite Contenu text Non fr / en ·
variant Présentation enum Non · breakout · inline · centered

Déclinaisons · 18

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

  • Citation détachée · centrée · papier

    curée
    pull-quote-block--centered-paper
  • Citation détachée · centrée · encre

    curée
    pull-quote-block--centered-ink
  • Citation détachée · centrée · papier 3

    curée
    pull-quote-block--centered-paper-3
  • Citation détachée · filet en ligne · papier

    curée
    pull-quote-block--inline-paper
  • Citation détachée · filet en ligne · papier 3

    curée
    pull-quote-block--inline-paper-3
  • Citation détachée · filet en ligne · encre

    curée
    pull-quote-block--inline-ink
  • pull-quote-block · prose

    générée
    pull-quote-block--prose
  • pull-quote-block · deux colonnes

    générée
    pull-quote-block--two-col
  • pull-quote-block · liste

    générée
    pull-quote-block--list
  • pull-quote-block · lignes séparées

    générée
    pull-quote-block--rows-divided
  • pull-quote-block · chapeau + aparté

    générée
    pull-quote-block--lead-aside
  • pull-quote-block · lettrine

    générée
    pull-quote-block--drop-cap
  • pull-quote-block · citation détachée

    générée
    pull-quote-block--pull-quote
  • pull-quote-block · énoncé centré

    générée
    pull-quote-block--centered-statement
  • pull-quote-block · note de marge

    générée
    pull-quote-block--sidenote
  • pull-quote-block · prose numérotée

    générée
    pull-quote-block--numbered-prose
  • pull-quote-block · chapeau 2 colonnes

    générée
    pull-quote-block--two-col-lead
  • pull-quote-block · grand énoncé

    générée
    pull-quote-block--statement-big

Comparer les déclinaisons · 18

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.

  • Citation détachée · centrée · papier

    curée
    pull-quote-block--centered-paper
    background:paper
    Ouvrir dans le builder
  • Citation détachée · centrée · encre

    curée
    pull-quote-block--centered-ink
    background:ink
    Ouvrir dans le builder
  • Citation détachée · centrée · papier 3

    curée
    pull-quote-block--centered-paper-3
    background:paper-3
    Ouvrir dans le builder
  • Citation détachée · filet en ligne · papier

    curée
    pull-quote-block--inline-paper
    background:papervariant:inline
    Ouvrir dans le builder
  • Citation détachée · filet en ligne · papier 3

    curée
    pull-quote-block--inline-paper-3
    background:paper-3variant:inline
    Ouvrir dans le builder
  • Citation détachée · filet en ligne · encre

    curée
    pull-quote-block--inline-ink
    background:inkvariant:inline
    Ouvrir dans le builder
  • pull-quote-block · prose

    générée
    pull-quote-block--prose
    layout:prose
    Ouvrir dans le builder
  • pull-quote-block · deux colonnes

    générée
    pull-quote-block--two-col
    layout:two-col
    Ouvrir dans le builder
  • pull-quote-block · liste

    générée
    pull-quote-block--list
    layout:list
    Ouvrir dans le builder
  • pull-quote-block · lignes séparées

    générée
    pull-quote-block--rows-divided
    layout:rows-divided
    Ouvrir dans le builder
  • pull-quote-block · chapeau + aparté

    générée
    pull-quote-block--lead-aside
    layout:lead-aside
    Ouvrir dans le builder
  • pull-quote-block · lettrine

    générée
    pull-quote-block--drop-cap
    layout:drop-cap
    Ouvrir dans le builder
  • pull-quote-block · citation détachée

    générée
    pull-quote-block--pull-quote
    layout:pull-quote
    Ouvrir dans le builder
  • pull-quote-block · énoncé centré

    générée
    pull-quote-block--centered-statement
    layout:centered-statement
    Ouvrir dans le builder
  • pull-quote-block · note de marge

    générée
    pull-quote-block--sidenote
    layout:sidenote
    Ouvrir dans le builder
  • pull-quote-block · prose numérotée

    générée
    pull-quote-block--numbered-prose
    layout:numbered-prose
    Ouvrir dans le builder
  • pull-quote-block · chapeau 2 colonnes

    générée
    pull-quote-block--two-col-lead
    layout:two-col-lead
    Ouvrir dans le builder
  • pull-quote-block · grand énoncé

    générée
    pull-quote-block--statement-big
    layout:statement-big
    Ouvrir dans le builder

Sections liées

Même famille

bordered-pullquote stable

Citation manifeste a filet gauche : corps large avec accent italique + signature mono. Rendu du corps en HTML (accent <i>).

quote Manifesto Sections Apparition au scrollCitation1 colonne 12 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.
manifesto-block stable

Bloc manifeste intercalary : kicker mono § + grand bloc display italique sans box, span accent terracotta, respiration éditoriale forte.

quote Feature Sections Apparition au scrollDéfilement1 colonne 16 décl.
manifesto-statement stable

Déclaration manifeste plein écran : kicker mono et statement XL en sans, relevés italiques serif, tone encre (interlude console) ou terracotta avec grille translucide.

quote Manifesto Sections Apparition au scrollDéfilementImage de fond +2 16 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.
quote-spotlight stable

Grande citation pleine lumiere sur fond paper-2 : guillemet decoratif, texte display italique, auteur avec avatar rond.

quote Testimonial Sections Apparition au scrollDéfilementImage +4 15 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.
editorial-case-grid stable

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

card-grid Testimonial Sections Apparition au scrollSurvolCartes +1 16 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.

Similaires

testimonial-single-spotlight stable

Un seul témoignage en plein écran : grande citation, portrait, logo client et attribution nom/rôle. Donne tout le poids à une voix client, sombre par défaut.

quote Testimonial Sections Plusieurs imagesCitationAvatar +3 20 décl.
testimonial-block stable

Bloc témoignage pour mettre en avant une citation client et renforcer la confiance.

quote Testimonial Sections Défilement horizontalGlisser pour faire défilerIllustration au trait +7 14 décl.
testimonial-logo-metric stable

Carte de preuve B2B la plus persuasive : logo client + citation attribuée + métrique d’impact chiffrée par carte. Combine preuve sociale, autorité de marque et résultat mesuré.

quote Testimonial Sections Apparition au scrollSurvolDéfilement +7 16 décl.
testimonial-metrics stable

Témoignage chiffré : grande citation serif d’un côté + grille de 3 à 4 métriques massives de l’autre, reliées par une barre accent. Combine la voix client et le résultat mesuré en un seul bloc de réassurance.

stat-grid Testimonial Sections Apparition au scrollDéfilementLogos +3 18 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.
marquee-band stable

Bandeau marquee mono uppercase à défilement horizontal infini · items + séparateurs · respecte prefers-reduced-motion.

marquee Logo Sections Défilement continu1 colonne 9 décl.

Code

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

{
  "type": "pull-quote-block",
  "quote_fr": "Le livrable final n'est pas un effet d'annonce. C'est une couche que vos équipes peuvent relire, reprendre et exploiter.",
  "quote_en": "The final deliverable is not theatre. It is an operating layer your teams can read, own, and use.",
  "cite_fr": "Waimia",
  "cite_en": "Waimia",
  "variant": "centered"
}

Pour un agent / MCP

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

/library/section/pull-quote-block.json

Chemin du détail machine

/library/section/pull-quote-block.json