quote
StatementCanvasProse
A pulled quotation, centered, with attribution.
Variant
Use to land a phrase verbatim — customer voice, expert claim, mission statement. Keep under ~25 words. The quote IS the slide; the attribution is the supporting credit. bare drops the card, border, and quotation-mark glyphs for a plain, display-scale statement — a hook or cold-open line, not a sourced quotation.
pull-quotequotationshowcase
When to use
- Verbatim language matters. When the audience needs to hear the words exactly as they were said — customer feedback, expert claim, regulatory text, mission statement. Paraphrasing would lose the impact.
- One breath of reading. Keep the quotation under ~25 words. The audience reads silently in one breath; longer than that and they're scanning, not feeling the words.
- Attribution earns the quote. Anonymous quotes feel weak. Attribute the speaker, their role, and the context ("Head of Product, Pilot Team 3" beats just "a customer"). The attribution is the credibility.
When not to use
- Paragraph-length quotes. If the quote runs past 25 words, the slide is reading like a wall of text. Trim aggressively or use
split-panel pullquote(gives the quote half the slide alongside spelled-out implications). - Multiple quotes per slide. Two quotes on one canvas dilute both. The whole point is that one quote earns the whole slide. For a montage of customer voices, use successive quote slides.
- Decorative quotes. If the quote could be paraphrased without losing anything, the slide doesn't need to be a quote slide. Move the idea into
contentand skip the chrome.
Common mistakes
- Writing the attribution as a second line inside the blockquote (
> quote textthen> — Person) instead of a separate paragraph after it. The attribution slot is the paragraph AFTER the blockquote, not inside it — written inside, it inherits the blockquote's large italic quotation styling instead of the smaller attribution treatment. - Splitting the quotation across two paragraphs inside the blockquote. The blockquote's opening/closing smart-quote glyphs decorate the blockquote as a whole, once — two paragraphs inside it both render at full quotation size with no visual distinction, instead of the single continuous quotation the layout expects.
Authoring
<!-- _class: quote -->
> The quoted sentence sits here, kept short enough to read in one breath.
— Person, RoleSlots
| Slot | Selector | Required | Description |
|---|---|---|---|
quotation | blockquote > p | yes | The quoted text. |
attribution | section > p:last-child | no | Attribution line below the quote. |
Anatomy
┌─────────────────────────────────────────┐
│ header │
│ │
│ "A pulled quote that fills │
│ the centre of the slide." │
│ │
│ — Attribution, source │
│ │
│ footer 1/19 │
└─────────────────────────────────────────┘Variants
bare — bare
No card, no quotation marks — a plain display-scale line.
<!-- _class: quote bare -->
> The difference between a senior engineer and a staff engineer isn't what they ship — it's how they think about what to ship.
*The question this framework answers*Related
- split-panelthe quote needs implications spelled out alongside it
- contentthe language is paraphrasable — let prose carry it
- big-numberthe most memorable thing is a metric, not a phrase