Blog 36 block design & features
Blog36 presents a reading-list layout built with Shadcn UI Badge and Card components. A secondary badge, left-aligned heading, and supporting paragraph open the section. Each post renders as a row with a text stack — outline badge, author, date, linked title, summary, and continue-reading link — plus a square thumbnail anchored on the right. Card shells remain borderless with zero padding so typography carries the structure.
Thumbnails are small square crops with bordered corners and a hover opacity cue. Outline badges differentiate category labels from filled badges used elsewhere in the library.
The aesthetic is editorial and scan-friendly, closer to a reading-list pattern than a card grid. Complexity is moderate because you need several posts with consistent metadata plus square art, but there is no client-side filtering or animation layer.
Rows keep copy and thumbnails side by side on medium screens and above while stacking on the narrowest widths.