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.

It is built on the collection's shared Carousel primitive and 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 are hotlinked photos, so you can drop in your own posts without wiring up a remote image loader.

When to use

Reach for this block low on a Modern SaaS landing page, or as the lead of a resources or blog index. Surfacing recent writing late in the page shows the product is alive and that the team has a point of view, which builds the trust a visitor needs before they sign up.

A natural flow around it on a Modern SaaS page:

Before

• A testimonials section to back the product with customer proof
• A changelog teaser to show how fast the product moves

After

• A CTA to turn the visit into a signup
• A footer to close out the page

What you can display

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

• A single theme. Pull together everything on one topic, like launches or engineering, so the row reads as a focused collection.
• Featured reads. Hand pick the posts you most want a new visitor to see instead of the freshest ones.
• Guides and playbooks. Swap dates for chapter labels and point each card at a long form resource.

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.