Social Cards
A grid of six social post style cards with avatars, handles, and casual praise.
A grid of six social post style cards with avatars, handles, and casual praise.
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
Social Cards opens with a centered heading and a short lede sentence, then drops into a responsive three column grid of six cards. Each card is a figure element containing a large avatar, the reviewer's name, their @handle in muted text, and a short first person quote rendered as a blockquote below the attribution row. The cards mimic the look of organic social posts rather than formal testimonials, so the praise reads as candid and unscripted.
The heading copy, lede, and every card are fully independent. You can swap in your own reviewers and quotes, drop the count to four cards for a tighter grid, or expand beyond six. Because the avatars are inline SVG components rather than remote images, they are safe to redistribute without hotlink concerns.
Reach for this block when you want proof that looks like it came from real users rather than a curated press release. It suits the mid page of a fintech or banking product landing page where earned trust matters: after you have explained the product but before you push toward a sign up. The informal social format carries more weight there than a single polished quote, and the six card grid gives enough volume to feel like a pattern rather than a cherry picked remark.
A natural flow around it on a Marketing Pro page:
Before
After
The six slots suit any concise, first person praise that reads like something a real user would post publicly. A few angles that work well:
Tip: keep each quote to one or two sentences so every card stays roughly the same height and the grid rows stay visually even.