Description of the Blog 16 block design & features
Blog16 is a stacked blog list built with shadcn/ui Button and Separator components. The section opens with a two-line page title where the word “Blog.” sits in muted foreground color and the second line carries the main headline, followed by a horizontal rule and repeating article rows. Each row uses a responsive grid: on large screens the first column shows the team logo, team name, and a small “Team” caption, the middle columns carry the date, a linked article title, and a wrap row of category links, and the last column holds an outline square button with an arrow icon and screen-reader “Read more” text tied to the same URL as the title.
Muted typography separates metadata from the bold linked headings, and every category renders as a rounded bordered chip with a trailing chevron icon and hover background shift into muted fill. Full-width separators slice the list into clear bands so the pattern reads more like an editorial index than a card gallery.
The look stays close to stock shadcn tokens: plenty of whitespace, hairline separators, and outline controls rather than heavy surfaces. Repeating rows and consistent chip styling keep scanning predictable when you show several posts in one viewport.
Team branding and category links stay visible on large breakpoints while the logo column and trailing icon button hide on small screens, with the team name folded inline next to the date instead. Complexity is moderate and mostly data-driven: you provide logos, labels, dates, titles, category names, and URLs for each entry.