Blog 38 block design & features
Blog38 is a card-based feature section built with shadcn/ui Card, Badge, and Button components. The header places a large heading and description on the left and an outline button with an arrow on the right. The featured post is a single bordered card split into a wide landscape image, flush to the card edges, and a text panel with a category badge, large title, summary, and author and date. Beneath it, three bordered cards each show a 4:3 image across the top, an outline category badge, title, two-line excerpt, and author and date.
Every post is contained: thin borders, rounded corners, a card surface, and no shadows. Images bleed to the card edges and take their rounding from the card. Two badge styles separate the featured post (filled) from the regular ones (outlined). Meta reads as a medium-weight author name, a faint dot, and a muted date. Only the image and title react to hover, the image dimming and the title underlining, and nothing animates in.
Structured and tidy, this is a more contained take than the borderless siblings, with every story boxed. The pattern is common and executed without surprises. Complexity is moderate: four images and full metadata (category, author, date, summary) for each post.
Below large screens the featured card stacks its image above the text. The three-card row drops to a single column below tablet widths, and the header button moves under the heading.