Blog 90 block design & features
Blog90 is a four-post blog row built with shadcn/ui, placed under a left-aligned heading and description. Each card shows a 16:9 image with a category pill pinned to its top-left corner, a title, and a footer with the date on the left and a read link with an arrow on the right. There is no excerpt.
Cards are borderless, so the rounded image and the small white pill floating on it do most of the visual work. Titles are semibold and compact, the date is small and muted, and the read link is medium weight with a muted arrow that darkens when the link underlines on hover. The image dims slightly on hover and the title underlines on its own. Static on load, with roomy gaps around the row.
A lean, image-led card that trims each post to category, title, and date. The overlaid pill is the distinguishing touch compared with the label-above-title siblings. Simple to fill: four posts with images, categories, titles, and dates.
Cards move to two columns on tablets and one on phones, with the date and read link held at the bottom of each card.