Design

Dark OnboardingOnboarding Slider

You might say

Don't ship onboarding as static screens: black background, copy pinned to the lower half, and one hero motion per screen — a card flipping, an icon morphing, a number rolling into place.

Dark onboarding is a motion grammar for dark-themed app intros: each scene slides in as a whole block from the right, and every scene carries exactly one signature move.The restraint is the point — one screen, one event: account rows fading in one by one for density, a 3D card tilt for the product, a stroke-drawn checkmark for security, per-digit decelerating reels for the amount. Because the entire scene slides rather than its parts, scene changes read as page turns instead of a screen full of competing motion.

Also calledDark Onboarding CarouselOnboarding Scene Slide

Design Principles

Slide the whole scene: title, caption and artwork enter as one block (~600ms) — it reads as a page turn, not a pile of popping elements
One signature move per screen: staggered entry, 3D tilt, icon morph, digit reels — two on the same screen and they fight for attention
Pin the copy, move the visuals: keeping the title anchored in the lower half gives the eye a resting point for everything else to animate around
Roll digits individually: each column decelerates on its own, ones locking before the leading digit — that offset is what makes a number feel like it is settling