Article Card Grid
A three up grid of blog post cards, each pairing a category badge and date with the post title and a stacked author byline.
A three up grid of blog post cards, each pairing a category badge and date with the post title and a stacked author byline.
The Modern SaaS Collection unlocks the source for every Modern SaaS block. All Access unlocks every Collection.
Already purchased? Log in
Article Card Grid leads with a short headline and lede, then lays your latest posts out as a tidy three-up grid of cards. Each card is a link that opens with a category badge and date, carries the post title, and closes with a stacked author group and byline pinned to the bottom.
The header and the cards are independent, so you can rewrite the headline, swap the posts, or add and remove cards without touching the rest. Author avatars are photographs cropped to a circle, and the cards sit on theme tokens, so the whole block adapts to light and dark and reads as a clean, light section rather than an inverted panel.
Reach for this block when you want to show that the product has a living voice: recent posts, release notes, or customer stories that prove momentum. It sits well low on a Modern SaaS landing page, after the product and proof are on screen, where a row of fresh writing keeps a visitor engaged before the final ask.
A natural flow around it on a Modern SaaS page:
Before
After
The obvious fit is three recent blog posts, each with a distinct category. A few other ways to use the frame:
Tip: keep each title to one or two lines so the cards stay balanced, and let the byline pin to the bottom so a row of cards lines up no matter the title length.