Blog 35 block design & features
Blog35 is an alternating editorial feed built with Shadcn UI Badge, Card, and Separator. A centered heading and muted description open the section, followed by three full-width rows split into two equal columns. The first and third rows put the 16:9 cover on the left and the copy on the right, and the middle row flips that. The copy column is vertically centered and contains a meta line with a secondary category badge, author name, and date, then a large title, a summary, and a "Read article" link with an arrow.
Rows are borderless, with full-width separator lines and wide vertical spacing between them. Each cover sits in a rounded frame with a hairline border, which sets this apart from borderless alternating layouts. The byline mixes a filled badge, a medium-weight author name, a faint dot, and a muted date. Titles are large and semibold over muted summary text. On hover the cover dims slightly and the title underlines, with the read link underlining separately. There is no entrance animation.
The zigzag gives the page a steady side-to-side rhythm, a classic editorial pattern handled with restraint. It is a moderate block that leans on its photography: three posts with covers, categories, authors, and dates, plus summaries long enough to balance the image height.
Below the medium breakpoint every row stacks with the image above the text, and the alternation disappears. All post links open in a new tab.