Featured And List
A writing landing with one promoted post shown at full width with a cover image and excerpt above a ruled list of four recent posts.
A writing landing with one promoted post shown at full width with a cover image and excerpt above a ruled list of four recent posts.
The Portfolio Collection unlocks the source for every Portfolio block. All Access unlocks every Collection.
Already purchased? Log in
Featured And List opens with one large post at full width, a cover Placeholder beside the title and excerpt, the featured piece here is Designing for error: the states nobody screenshots, 8 min read, with a short explanation of why error states matter. Four recent posts follow in a ruled list showing title, reading time, and date at a glance.
Posts are one typed array with a featured flag; the component splits them into the hero card and the list. Leading with the best piece and letting the list carry recent volume is the layout decision that separates a writing landing from a plain index.
Reach for this block as the writing section of a portfolio homepage or a standalone blog index page. The installer swaps the post titles, dates, reading times, and excerpt for their real content and updates the hrefs.
A natural flow around it on a Portfolio Pro page:
Before
After
One strong use is the writing landing with a promoted piece. Other layouts:
Tip: the excerpt on the featured post does the selling; the list items rely on title alone, so the titles need to earn the click without extra copy.