Editorial List
A centered blog header above five hairline separated editorial rows with dates, titles, excerpts, and category badges, closed by an archive button.
A centered blog header above five hairline separated editorial rows with dates, titles, excerpts, and category badges, closed by an archive button.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
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.
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
After
The obvious fit is your five most recent posts, newest first. A few other ways to use the frame:
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.