registry:blockpro-application

Multistep

A set of structured onboarding layouts designed to guide users through a sequence of steps with clear progress and orientation. Includes split layouts and media-assisted variants that balance form inputs with contextual guidance or visual reinforcement. Built to reduce cognitive load, set expectations early, and help users move confidently through longer or more complex setup flows.

Multistep 1 – Split onboarding layout

A wide, two-column layout that pairs the active step with clear progress context. The left column contains a centered card with soft elevation and rounded corners, acting as the focus area for the current step. The right column shows a vertical step list with numbered markers, current step emphasized and future steps visually muted. Spacing is generous and calm, with strong alignment between columns so the flow reads left to right. The structure sets expectations early, reduces uncertainty, and keeps users oriented without overwhelming them.

Multistep 2 – Media-assisted onboarding layout

A three-column composition that blends form, visual, and progress. The left column uses a contained card for the active step, with clear hierarchy and strong primary action. The center column introduces a full-height media panel with rounded corners, used as visual breathing room and brand tone rather than instruction. The right column repeats the vertical step indicator, keeping progress visible and consistent. The layout feels more editorial and expressive, while still keeping the task flow clear and anchored.

Multistep 3 – Split hero onboarding

A strong two-panel layout that leans editorial. The left side is a full-height visual panel with soft motion blur, used purely for mood and brand expression. The right side is a clean, contained column that stacks a horizontal step indicator above a centered form card. The contrast is intentional: expressive on the left, structured on the right. Progress is visible but lightweight, and the form remains the clear focal point without competing with the imagery.