Blog 75 block design & features
Blog75 is a blog row section built with shadcn/ui Badge and Card components, pairing a narrow column of text with a large image at the opposite edge. A left-aligned heading and optional description open the section, followed by four rows separated by open space. The text column holds an outline category badge, author, and date, then a linked title, summary, and a "Continue reading" link with an arrow. The image is pushed to the far right of the row, leaving an open channel between it and the copy.
Here the balance shifts toward the image. It is noticeably larger than the thumbnails in Blog36 and Blog94, with rounded corners and a muted frame behind it. The outline badge, medium-weight author, faint dot, and muted date form a light meta line above a semibold title and relaxed muted summary. Hovering the image dims it slightly, the title underlines independently, and the arrow darkens on the continue-reading link. Rows are static, with no dividers or entrance motion.
The open gap between text and image gives the layout an airy, gallery-like spread where each post gets a real picture rather than a token thumbnail. It remains simple in structure but leans on imagery: posts need images that crop well to both square and 4:3, plus the usual category, author, date, title, and summary.
On phones the image moves below the copy at full width in a 4:3 frame. From medium screens up it switches to a square beside the text and grows slightly on large screens.