109 published examples
Posts sit as peers in a horizontal row or a peeking carousel. Image, category, date, and title stay in a fixed rhythm so the CMS can swap stories without redesign. The pattern is honest about volume, but a half-visible fourth card can make the newest work feel unfinished.
One story takes the large tile. Companions stack beside or below it as shorter cards or a compact list. The layout works when the lead is genuinely different in length or type. It fails when the big slot is just whatever published last.
These sections treat writing as proof someone else is talking. Thumbnails sit beside outlet names, dates, and a read action. The hierarchy is source first, then headline. Useful when the brand’s own voice is less important than third-party validation.
The first thing I look at in review is whether the section can survive a bad week of titles. Long agency headlines blow a three-column grid apart unless one column can go type-only. Equal cards look tidy in Figma, then sag when a 14-word title sits next to a five-word one. Ask what the image is doing. Product icons can sit as placeholders. Fashion and food need the crop to sell the click. Mixed ratios only work when the layout expects them. A forced 16:9 on a portrait interview wastes the person. Carousels keep a homepage calm when the CMS will dump eight posts, but they hide recency. If the newest story can slide off-screen, the section stops proving the site is current. Three honest cards and a clear path to the archive usually beat four-and-a-peek. Featured-plus-list earns its keep when the lead is a different kind of object: a product announcement beside shorter articles. If every item is the same type, the big tile reads as favoritism. Mute the images and read only category, date, and title. If you cannot tell news from journal from changelog, the metadata is decoration.
Enough to show a pulse, not enough to become an archive. Three to four is the recurring comfortable set: one thought per card, one glance to see the range. Six-plus starts to compete with the page’s primary offer. If the team publishes weekly, rotate the set and keep a single link to the full index. Sparse publishers should not pad with old work just to fill a four-up.
When the writing is not one genre. Product blogs mix changelog, thought leadership, and customer stories; those labels help a skimmer skip. A studio journal that is all process notes can live with dates alone. Homepage filters are usually theater. A few persistent labels on the cards, plus a real taxonomy on the index page, is enough. If every post wears the same chip, delete the chip.
Match the page’s chrome, not a generic magazine skin. Type size, rules, and card radius should feel like the product around them. What can shift is density and photography: a fashion house can go full bleed; a developer tool can use icons and excerpts. The failure mode is a leftover WordPress widget dropped into an otherwise considered site. If the section could be swapped onto a competitor without anyone noticing, the voice is wrong.
