Transitions

A transition hides the moment one screen becomes another and gives the cut a direction. Reely picks them by what the step means; you can override any of them by name.

Style	What it says	Use on
Push	We moved sideways in a stack	Navigation, tabs, pager swipes
Wipe	The state changed	Sheets, modals, mode switches
Cross Zoom	We dove into the detail	Opening a detail or dashboard
Flip	Look at the whole product	3D videos only — the phone turns through its back
Dreamy Zoom	Something dramatic	An accent. One per video.
Crosswarp	Something dramatic	An accent. One per video.
Ripple	Something dramatic	An accent. One per video.

/reely Use a push between the list and the detail, and a wipe when the sheet opens.

The budget

Two quiet transitions beat five loud ones. Reely holds itself to at most two per video, at most one flip, and at most one accent — the rule that separates a launch video from a slideshow.

Do not transition an in-place tap, a text entry, a scroll, or a toggle — nothing changed screens.
Do not use the same style twice in a row.
The flip is the biggest move there is. One, or none.

Timing

You want	Say
Calm and slow	“Gentle transitions.”
Crisp and quick	“Snappy transitions.”
A little overshoot	“Bouncy transitions.”
None at all	“Hard cuts between screens.”

Transitions can carry a sound. They are silent unless you ask — see Sound & music.