Card Carousel

About this block

Card Carousel is a "From the blog" section. A stacked header pairs a headline with a short lede and sits beside its own previous and next controls, then a swipeable row of article cards. Each card stacks a cover image over a meta line (category, a dot, and the date), a two line title, and an estimated read time.

The block uses the collection's shared Carousel primitive and is styled only with theme tokens, so it reads as a calm, non-inverted section in light mode and holds the same shape in dark mode. The covers, titles, categories, and dates are all inline data, so you can swap them for your own posts without touching the layout.

When to use

Reach for this block on a studio or agency site where recent work and writing signal expertise to prospective clients. A curated row of posts or case study teasers near the bottom of the page shows the team has a voice and keeps producing, which builds confidence before a visitor reaches out. It also works well on a SaaS landing page as a late-page trust builder.

A natural flow around it on a Modern SaaS page:

Before

• A testimonials section to back the work with client proof
• A features section so the blog row follows the product story

After

• A CTA to turn the visit into an enquiry or signup
• A footer to close out the page

What you can display

The obvious fit is your latest posts or articles, newest first. A few other ways to use the frame:

• Project write-ups. Point each card at a case study and use the category label for the industry or service line.
• A focused reading list. Hand pick the posts you most want a new visitor to see instead of the freshest ones, grouping them by theme.
• Guides and playbooks. Swap dates for chapter labels and point each card at a long form resource your clients return to.

Tip: keep titles to two lines and hold the read times honest, so the cards clamp to the same height and the row stays tidy as you swipe.