Case Study Cards
A centered header over two large case study cards pairing a customer wordmark and quote excerpt with two headline metrics and a story link.
A centered header over two large case study cards pairing a customer wordmark and quote excerpt with two headline metrics and a story link.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Case Study Cards trades a wall of short reviews for two stories told properly. A centered heading and lede set up the section, then two large cards sit side by side, each opening with a customer wordmark, carrying a two sentence quote excerpt, and closing with a pair of headline metrics under a hairline divider. An arrow link on each card hands the reader off to the full story, and a quiet centered link underneath points at the complete library.
The two cards are driven by one small data array, so swapping a customer means editing a name, a quote, and two numbers. Each wordmark pairs with an inline SVG mark built from theme tokens, so the block ships with no external images and reads correctly in light and dark.
Reach for this block when you have written case studies worth clicking into and want the landing page to sell the click, not retell the whole story. It suits a developer tools company that has two strong reference customers, one known for speed and one for scale, where a quote plus two hard numbers earns the visit better than either alone. Because each card links out, the section also works as the doorway to a customers page.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is two flagship customer stories with their strongest numbers. A few other ways to use the frame:
Tip: keep the two quotes about different outcomes. When both cards claim the same win, the second card adds nothing, but speed next to adoption makes each story sharper.