Shadcn Design Portfolio Blocks

A ruled archive table of every project by year with client sector and deliverable columns and a row-level arrow link to each case.

A systems-work section showing a shared design system as colour token swatches, a six-step type scale, and three component documentation cards.

A static carousel blueprint of five app screens with prev and next affordances, dot indicators, and a thumbnail strip with one slide active.

A process-transparency grid of six unexplored or unshipped design directions, each with a Placeholder tile and an honest reason it was set aside.

A redesign proof with side-by-side Placeholder visuals and a ruled change table naming the constraint and three specific before-and-after decisions.

A single captioned product screen beside five numbered decision notes, each naming a screen region and the reasoning behind the call.

A five-step design process block with numbered rows each carrying a title, duration, Placeholder illustration, and an honest description of the step output.

A dense nine-item square grid of design shots with minimal captions for explorations and process fragments that did not fit a case study.

A brand identity case showing logo mark, theme-token colour swatches, typography panel, and three application mockups for one project.

A ruled three-column grid of six numbered working principles, each pairing a short titled belief with an honest explanation of its impact.

A flagship project split with a full-height Placeholder screen beside a summary, five ruled spec rows, and three measured outcome stats.

An eight-mark logo portfolio grid with centred monogram overlays on Placeholder tiles, each labelled by client name and mark kind.

A six-screen product interface grid with state-level captions showing the full range of a design system from empty states to dense data views.

A four-project design grid where each card names the client type, the role, the year, and the specific deliverables the designer owned.

A design case study with a sticky screen stack and result strip on the left and a four-section narrative (problem, approach, constraint, outcome) on the right.