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.
Search blocks by description or jump to a page.
The source for every Portfolio block is included with Basic and Pro. Pick a plan to copy the code.
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.