Blog 23 block design & features
Blog23 is a narrow, centered single-column blog feed built with shadcn/ui Badge, Card, and Button. A centered heading and muted description sit above three posts stacked vertically. Each post starts with a 16:9 cover running the full column width, followed by a meta row with a secondary category badge, author name, and date, then a large title, a full summary paragraph, and a "Read more" link with an arrow. A centered outline button closes the section.
The posts are borderless, with no borders or fills, and are separated only by generous whitespace. Covers have rounded corners on a muted backing. Titles are large and semibold, summaries a comfortable reading size in muted color, and the byline steps from a medium-weight author name to a muted date with a faint dot between. Hover dims the cover slightly and underlines the title, with the read link underlining on its own. The block is static.
The reading-column width gives it a personal, long-form journal feel, closer to a newsletter archive than a magazine grid. It is a simple, standard pattern that relies on good photography and well-written summaries, since each post gets full-width attention. Content needs are three posts with covers, categories, authors, and dates.
The footer button spans the full width on phones and shrinks to fit its label from the small breakpoint up. Every post link and the footer button open in a new tab.