Pull Quote Cards
A centered heading and lede over three bordered cards, each opening with a quote glyph and pull quote above a footer with source and byline.
A centered heading and lede over three bordered cards, each opening with a quote glyph and pull quote above a footer with source and byline.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Pull Quote Cards leads with the writing itself. A centered headline and lede sit above three bordered cards, each opening with a quote glyph and a pull quote lifted from a recent post. A hairline footer anchors every card with the source category, the post title that underlines on hover, and an illustrated author byline with a date, so the excerpt sells the click instead of a cover image.
The quotes are one typed array, each entry carrying its own inline avatar component, so the section stays bundle safe with no raster art to load. The cards stretch to equal height and the quote flexes to fill, keeping the footers aligned across the row. Every surface uses theme tokens, so the cards read the same in light and dark mode.
Reach for this block on a homepage or blog index where your best sentences do more selling than a thumbnail would. A strong pull quote is proof of thinking, and three of them side by side make the case that the writing is worth the time. It suits publications built on voice and craft, where the argument in a passage is the reason to click through.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is the sharpest line from each of your three best recent posts. A few other ways to use the frame:
Tip: keep each quote to two or three lines, a passage that runs long buries the sentence that was supposed to earn the click.