Blog 39 block design & features
Blog39 is a headerless two-column feature layout built with Shadcn UI badges. The left column is wider and holds the lead story: a landscape cover, a category badge, a large title, summary, and author and date. The right column is a sidebar of four posts, each a row with a square thumbnail, a title, and a muted date.
Hairline dividers split the sidebar rows, which keep their thumbnails small with tight corners against the softer rounding of the lead cover. Neither column has a border or fill. Type steps cleanly from the large semibold lead title to smaller sidebar titles, with dates in muted gray. Hovering an image dims it slightly and hovering a title underlines it. The layout is static.
Compact and newsroom-like, it opens directly on the stories. Compared with the other lead-plus-list blocks, the sidebar here leads with headlines rather than excerpts and the columns are deliberately unequal, giving the feature more weight. Complexity is low: five images and short titles.
Below large screens the sidebar moves under the lead story. The lead cover switches from a 4:3 frame on smaller screens to a slightly wider landscape crop on desktop, and the sidebar thumbnails grow a step at tablet widths.