Blogpost 27 block design & features
Blogpost27 is an article that belongs to a multi-part series, built with Shadcn UI Avatar, Button, and DropdownMenu components. A muted banner at the top names the series, shows a segmented progress bar and the current part number, and offers previous and next buttons around an all parts menu. Below it, a part label, headline, summary, and author byline sit beside a tall portrait image, followed by the prose article.
The banner is a soft rounded panel with a hairline border, and the progress segments fill in the primary color up to the current part. The parts menu lists every part with a two-digit number, a check on parts already published before this one, and a release date on parts that are not out yet, which are disabled. The tall image balances the left-aligned title block.
Series navigation at the top of a post is less common than a list at the end, and it tells the reader where they are before they start. Complexity is moderate. It needs a series title, a list of part titles and links, and a portrait image.
On phones the banner stacks the series details above the controls, and the portrait image hides so the title leads straight into the article.