Pull Quotes Stack

About this block

Pull Quotes Stack presents two customer quotes in a narrow centered column, one above the other. Each quote is a figure element: a large decorative opening quotation mark sits at the top, followed by the quote text set at display size, then a figcaption row with a circular avatar, the contributor's name, and their role and company. A generous gap between the two figures keeps them visually distinct while reading as a single curated editorial unit.

Each quote is independent, so you can swap the copy, update the names and roles, or swap in a different avatar illustration without touching the other. The column width is fixed and narrow, which means the block suits pages where you want the words to breathe rather than fill a wide grid.

When to use

Reach for this block when you want to anchor a page with two carefully chosen voices rather than a broad grid of reviews. It suits an HR or hiring platform where the people doing the recommending carry real weight: a talent lead and a VP of Marketing saying the tool changed how their team works is more credible than six shorter blurbs. Use it mid-page to break up feature detail with a human moment, or at the bottom of a case study to close with direct voice.

A natural flow around it on a Marketing Pro page:

Before

• How It Works to establish the product flow before letting customers speak to results
• Logos and Quotes Grid if you need a broader proof point section earlier on the page

After

• Quote With Metrics to follow the editorial quotes with hard numbers that reinforce the claims
• CTAs to convert readers after the social proof has done its work

What you can display

Two well-chosen quotes from people in recognizable roles. A few ways to frame the content:

• Hiring outcomes. A recruiter and a hiring manager each speaking to how the platform shortened their process gives candidates and companies a paired perspective.
• Cross-team adoption stories. Pair a practitioner quote with a leadership quote to show the tool works at every level of an organization.
• Before and after voices. Let one speaker describe the problem they had and the other describe life after switching, so the two together tell a complete story.

Tip: keep each quote to two or three sentences so the oversized opening mark and the large text stay in proportion and the reader reaches the attribution without losing the thread.