About this block

Editorial List is a text first blog section. A centered headline and lede sit above five editorial rows, each pairing a muted date column with the post title, a one line excerpt, a category badge, and an arrow that nudges on hover. Hairlines separate the rows, and a centered rounded button closes the section with a link to the full archive.

There are no images anywhere, so the section stays light and loads nothing. The rows are a single typed array, so adding a sixth post or trimming to three is a one line change, and on small screens each row restacks with the badge moving up beside the date so nothing gets cramped. Every surface uses theme tokens, so the list reads the same in light and dark mode.

When to use

Reach for this block when the writing itself is the draw and covers would just be decoration. On an infrastructure or API company site it suits a run of engineering posts and incident write ups, where a dense, scannable list signals substance the way a changelog does. It also fits content heavy teams who publish weekly and want the page to stay fast and calm as the list grows.

A natural flow around it on a Marketing Pro page:

Before

• A changelog so release notes hand off naturally to longer form writing
• A feature section to ground the reading list in what the product actually does

After

• A CTA to convert readers who made it through the list
• A footer to close out the page

What you can display

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

• Engineering notes. Run postmortems, performance write ups, and design docs as one list, with the category badge naming the discipline.
• A curated syllabus. Hand pick the five posts every new customer should read and order them by topic instead of date.
• Talks and appearances. Swap excerpts for event names and point each row at a recording, with the archive button leading to the full media page.

Tip: keep every excerpt to one line at desktop widths, since a single row that wraps taller than its neighbors breaks the even editorial rhythm the hairlines create.