Shadcn Case Study Blocks

An end of case study pager with previous and next project cells carrying thumbnails, summaries, and result lines, plus an all work link.

A dense case study section with the project narrative split across two prose columns and a four-figure result strip below.

A case study section with a full-width container image and an attached ruled panel carrying the title, summary, and outcome figures.

A case study closing section with a four-cell tabular figure strip and a reflection paragraph that names the specific scheduling or process mistake the designer would change.

A full written case study with an intro, five titled prose sections including a constraint, inline Placeholders, and a results strip.

A ruled metric strip of four figures with one context line each and an honest attribution note naming any confounding changes in the same window.

A case study opening with a full-width Placeholder hero and a bordered panel showing the project title, subtitle, and a meta table of client, role, duration, and year.

A case study split telling problem, what I did, and the constraint, with a sticky result strip.

A single product screen as a Placeholder with numbered markers keyed to a side list naming the design decision behind each area.

A single attributed client quote in a ruled panel placed between the work body and results sections of a case study.

A vertical sequence of numbered process phases each pairing a Placeholder artefact frame with a short paragraph naming the concrete finding or decision from that phase.

A case study section with a short project intro paragraph followed by a captioned gallery of process frames in a three-column grid.

A case study that leads with the result at display size before a ruled divider reveals the problem and approach in two equal columns.

A case study that opens with a client testimonial in a ruled blockquote before the work narrative and a results strip.

Two ruled lists side by side naming what the author owned versus what named teammates contributed, with honest framing about the credit split.

A redesign case study with two Placeholder images side by side, each followed by a paragraph that names the problem or outcome and one unresolved edge case.

A ruled list of four navigable case study rows each carrying a thumbnail, a one-line problem statement, a result figure, and a category tag.

Four fixed project constraints in a ruled list, each typed and explained by the mark it left on the design, with a candid closing note.

A ruled log of four project decisions, each row pairing the chosen path with the rejected alternative and the reason it lost.

A vertically sequenced case study of three numbered Placeholder images with captions that name the specific decision visible in each screen.

A 2x2 grid of outcome figures each with a context line and measurement window, plus a candid attribution note below the grid.

A numbered sequence of project steps each with a large step number, title, duration, paragraph, and a Placeholder showing the artefact.

A case study layout with project facts and result figures fixed in a sticky left column while the prose writeup scrolls on the right.

A fold-filling project page opener with the project name large, a one-line outcome summary, a four-cell meta row of client, role, year, and deliverables, and a wide cover image.

A case study section with a wide Placeholder image above a two-column ruled layout naming the specific challenge and the solution with its test rounds.