Blog 76 block design & features
Blog76 is a six-post card grid built with Shadcn UI, with a centered heading and description introducing two rows of three posts. Each card shows a 16:9 cover photo with a category pill pinned to the top left corner, the title beneath it, and a bottom row with the date and a read link ending in an arrow.
Whitespace stands in for chrome: the cards have no border or background, and the rounded photo frame is the only surface. The solid pill is slightly roomier than a typical tag and set a little in from the corner. The date is muted, while the read link carries medium weight in the foreground color. The cover dims softly on hover, the title underlines, and the read link has its own underline with an arrow that darkens. The grid is static on load.
A compact, image-first index without excerpts, quiet and modern in tone. It is the six-post counterpart to the nine-card pill grid in this family, with a larger category pill and a more contained two-row footprint. Simple and image-driven: six photos, six titles, and a category for each.
Two columns at small widths give three even rows, and phones stack the cards into one column.