Onboarding motion patterns

A finished task fills its box, draws its mark, sweeps a rule through the label, and moves the counter up by one.

The last item checks itself off, the checklist clears, and a single confirmation takes its place.

The switch throws, the status swaps to connected, and the row opens to list what it will now sync.

The blank panel steps aside and a starter project builds itself in its place, task by task.

The surrounding UI dims, a soft ring settles around one control, and a tooltip fades in beside it.

After a pause with nothing pressed, a slow halo starts breathing out of the one button worth pressing.

Chosen goal tiles paint themselves and take a mark, and the continue action rises the moment the first one is picked.

A line draws itself between two service marks, records run along it, and the destination takes a check when the import lands.

Each address leaves the compose box and travels into a waiting seat, then marks itself sent.

A card rises with the shortcut and presses the keys itself, and the control it operates answers a beat later.

An example alert drops in and two more fan out behind it, then the permission question reads underneath.

The next panel enters from the right as the current one leaves left, with the progress bar advancing behind them.

The page dims and an explanation rises, with a small diagram filling in to show what the permission would actually put on screen.

Picking a role lifts that card while the others step back, and a line below says what the answer changed.

The pressed tier lifts and takes the accent while the feature list below resolves its marks one after another.

The ring around the avatar advances one arc per field, and each row marks itself as the arc reaches it.

The dot for the current step stretches into a pill, and moving on hands that width to the next one.

A welcome-back card settles, draws the setup already finished, then marks the step waiting to be picked up.

Example figures sweep into an empty report so a new account can see what the product does before it has data of its own.

Leaving the tour early resolves it in order: the tip drops away, the ring opens and dissolves, the dim lifts last.

The chosen thumbnail grows in place into a preview of the workspace it would create.

The tour tooltip travels to the next control instead of vanishing and popping up somewhere else.

The tutorial thumbnail grows into a player, and the controls only arrive once the frame has stopped moving.

Intro slides advance on their own, with the artwork crossfading a beat behind the copy.

The first screen assembles in beats: the mark settles, then the headline, the supporting line, and finally the action.

Typing a name rolls the monogram to its new initial and slides a fresh address under the header it will appear in.