Back to blocks
timelineresponsive-step-railsource-reviewed

Process steps

A responsive milestone rail for explaining how a product, service, or onboarding path moves from start to outcome.

src/entries/landing/process-steps.tsx·99f726dd64f66bde4cf06bf63cebe0d064103f72

Live source render

Process steps

Fixture content is intentionally replaceable.
Live source render · fixture content

A short path to a concrete outcome

Four milestones are enough to explain a workflow without inventing motion.

  1. 1

    01

    Capture

    Collect the input that starts the journey.

  2. 2

    02

    Shape

    Turn raw material into a usable structure.

  3. 3

    03

    Review

    Give people a clear place to make decisions.

  4. 04

    Ship

    End with an outcome someone can act on.