Blog 36 block design & features
Blog36 is a text-first blog row section built with shadcn/ui Badge and Card components. A left-aligned heading and description sit above four rows separated by open space. In each row the text column takes most of the width, holding an outline category badge, author, and date, then a linked title, summary, and a "Continue reading" link with an arrow. A small square thumbnail sits at the right end of the row, aligned to the top of the text.
Typography leads, and the thumbnail works as a small accent rather than a cover. The outline badge keeps the category lighter than a filled chip, followed by a medium-weight author, a faint dot, and a muted date. Titles are semibold with relaxed muted summaries below. The thumbnail dims slightly on hover, the title underlines on its own, and the continue-reading arrow darkens. There is no entrance animation and no dividers between rows.
The feel is quiet and editorial, close to a newsletter archive where the headline does the work. It is the mirror of Blog94, which puts the same square thumbnail on the left, and it differs from Blog75 by letting the text run wide and keeping the image small. Complexity is low: posts need a category, author, date, title, summary, and a square image.
Below medium screens the thumbnail drops beneath the copy and grows to a full-width square, a large jump in scale from the desktop layout. Post links open in a new tab by default.