Blog 12 block design & features
Blog12 opens with a centered marketing preamble built from Shadcn UI Badge, typography, and muted supporting copy, then transitions into three uniform article cards wired as anchors with padded media wells. Each card nests an aspect-video image, title, clamped excerpt, horizontal separator, and a footer pairing circular avatar plus author name against a secondary read-duration badge.
Examining surfaces, borders stay hairline, imagery corners echo inner rounding, and separators carve space between narrative text and attribution without heavy shading.
The section aims for approachable product-blog polish: structured metadata rows signal credibility while remaining lighter than a full magazine layout.
A trailing outline button centers beneath the grid and carries a trailing arrow icon for the aggregate archive action.
