Blog 34 block design & features
Blog34 is a four-card blog row built with Shadcn UI badges, set under a centered heading and description. Each card is an outlined panel with internal padding that holds an inset 4:3 image, a secondary category badge, a title, a two-line excerpt, and a footer separated by a hairline rule. The footer stacks a small round avatar beside the author name and date, followed by a text read link with an arrow.
Hairline borders and rounded corners frame each card on a plain background, with the image inset from the edges rather than running flush. Type stays compact: a semibold title, a muted excerpt, a medium-weight author name over a muted date. The read link underlines on hover while its arrow darkens, the image dims slightly on its own hover, and the title underlines independently. No entrance motion.
The most complete card in this set of four-column grids, combining a bordered surface, author attribution, and an explicit read action in one tile. It reads as a tidy, magazine-index style rather than a photo-led grid. Moderate content needs: four posts with images, categories, summaries, author names, avatars, and dates.
Cards sit in two columns on small tablets and one on phones. Footers are pinned to the bottom so the rules and read links align across the row regardless of title length.