Shadcn Process Blocks

A heading and intro above a two column comparison table, contrasting the usual studio approach with how I work across five ruled aspect rows.

Five numbered stages stacked in a ruled list each with a title and a description that names a concrete commitment.

A working philosophy in three paragraphs on the left balanced against four numbered process steps in a ruled card on the right.

A two-column split with design philosophy and three belief statements on the left and three numbered phases as a ruled list on the right.

A principles-led process block presenting three working principles as wide cards, each with an explanatory sentence and an explicit named tradeoff.

Five steps from first call to handoff presented as a two-column you and me table that names the mutual responsibilities at every stage.

Three large-numbered phase cards showing Discover, Make, and Ship with a description and typical duration for each phase.

A heading and intro above a segmented proportional bar, with a ruled legend listing each phase, its percentage share, and what the time buys.

A centered heading above four numbered steps on a connected rail, each marker with a title and short description that stacks on small screens.

A four-step vertical timeline with a Placeholder thumbnail per step and a named deliverable line under each description.

Four project phases in a two-column card grid, each card naming what happens, the concrete deliverable, and the typical duration.

Four project stages in a two-column card grid each listing the deliverables as checked items so scope is unambiguous.

A checked list of six deliverables the client receives at project close alongside a ruled notes strip and a card naming what the handoff does not include.

A heading and intro above three feedback round cards, each naming its scope and an example note, plus a two panel footer on process.

A day-by-day breakdown of the first two weeks with honest expectations listed beside the Week 1 and Week 2 ruled day cards.

A vertical timeline rail with five milestones each carrying a week range, day count, and the exact deliverable produced at that stage.

Four stage cards each split into a process description on the left and the named artifact it produces on the right, from the brief to the spec.

A first-call explainer listing the four agenda items of a free 30-minute discovery call alongside a fact strip covering duration, format, cost, and commitment.

A four-step process block showing Discover, Define, Design, and Deliver as numbered cards, each with a plain sentence describing the work at that stage.

Four numbered cards each naming a stage title, what happens, and the concrete artifact the client receives at the close of that stage.