Blog 7 - Centered blog cards with read-more links

Free

A centered blog section with secondary badge, large heading, supporting copy, and a responsive grid of image-top cards with linked titles, summaries, and read-more rows.

Figma

Description of the Blog 7 block design & features

Blog7 is a centered marketing blog slice built with shadcn/ui badges and structured cards. The hero of the section is a secondary badge, an oversized centered heading, and a muted description before the grid. Cards use a video aspect hero image with a hover opacity on the picture link, then header text with an underlined title link, author and date on one line, body copy, and a footer row with “Read more” plus a small arrow icon.

The grid tightens from one column through two into three on large screens, with even gutters between cards. Card shells use row-based grid layout inside each item so image, header, body, and footer stay aligned across unequal copy lengths.

The pattern is polished and symmetrical, with strong display type in the section head and calmer card interiors.

You would typically pass a tagline, heading, supporting blurb, and a set of posts with external or internal URLs plus artwork for each card.

The default layout does not show a separate archive button under the header, so plan that control in surrounding page chrome if you need it.