Shadcn Blog and Writing Blocks

Three equal blog post cards each with a Placeholder cover, title, date, and reading time in a responsive three-column grid.

A writing landing with one promoted post shown at full width with a cover image and excerpt above a ruled list of four recent posts.

An editorial two-column layout with one large featured post and a divided stack of three secondary posts beside it.

A post list with thumbnail and meta on the left and a sidebar of about bio, category counts, and email subscribe on the right.

A compact end-of-article card with an avatar, name, role line, a two-sentence bio, and a subscribe link for the foot of a blog post.

A six-card topic index with post counts and a one-line description per category so readers can find the threads that match their interests.

A three-column writing index that groups posts under topic headings, each column holding a ruled list of two to three post rows.

A writing index with tag chips (All, Design, Career, Process) that filter six post rows via client-side state and show a live article count.

A homepage writing teaser showing three recent posts as compact rows with category, title, and date, plus a link to the full archive.

A reading-width prose column with h2 sections, body paragraphs, a pull-quote, and an inline Placeholder image demonstrating long-form typographic rhythm.

An article page opener with a category label, h1-scale post title, author avatar and meta, and a wide Placeholder cover image.

A minimal image-free writing archive as ruled rows showing publish date, post title with inline category, and read time.

A writing section with one large featured post carrying a cover, excerpt, and meta beside a ruled list of three recent posts.

A six-post writing index in a three-column card grid, each card showing a Placeholder cover, category, title, date, and read time.