Blog 1 block design & features
Blog1 is a long-form listing built with Shadcn UI Select and Badge, opening with an oversized “Latest Blog Posts” heading and a wrap row of filter triggers backed by static category lists in code. Each entry is a linked card with accent background, rounded frame, three-by-two media region, clamped title and summary, and an outline badge for the topic label.
Observing the visuals, imagery scales slightly on hover inside its masked frame while typography stays restrained with muted supporting copy under bolder headlines. Grid density grows from one column through two and three at the widest breakpoint with consistent gutters.
The presentation feels editorial yet systematic: strong hierarchy up top, utilitarian filtering, repeatable cards below. Complexity sits in content volume rather than animation.
Cards remain plain anchors without extra metadata rows, so authors supply imagery, titles, summaries, and labels to feel complete.