How Kai moves.

From Kai to Home

On the dark green screen, Kai's symbol appears first and the wordmark builds beside it. The mark gives way to a white circle that drops, settles briefly and shoots upward. As the circle expands, it opens a round window onto the Home screen underneath.

Home begins its own entrance during that reveal. The balance starts rolling and the cards arrive as more of the page becomes visible, so the splash leads into the app without a hard cut.

Trigger

App launch; replay is available in the prototype's motion controls

Behavior

Plays once, then clears to Home. Reduced-motion mode skips the splash.

Opening sequence

The screen comes into focus in a stagger. The headline and balance arrive first; the allocation bar, account cards and Kai Pulse follow. Small rises, fades and a little blur keep the entrance soft without delaying access to the page.

Inside Kai Pulse, selected words briefly turn purple and return to their normal color. The traveling shimmer waits until the first scroll brings the card into view.

Trigger

Each visit to Home

Replay

The balance and entry sequence are re-armed on re-entry; the shimmer is tied to the first scroll

The balance counter

Every digit is its own slot-machine drum. The digits roll toward the final amount one after another, with a 45 ms offset between them. The starting position is set before the number becomes visible, so there is no flash from zeros to an intermediate value.

A pull-to-refresh uses the same mechanism for the digits that changed. The main balances on the Fiat and Crypto screens replay this motion whenever those screens are entered.

Trigger

Screen entry or balance refresh

Timing

560 ms per digit, multiplied by the prototype's choreography speed

Graphs and live values

The small account graphs draw along their paths as the cards appear. The allocation bar grows in sections. When the selected time range changes, the bar reflows and the graphs are drawn again.

The crypto amount keeps updating while Home is open. Each update gives the number a short directional movement; its background stays still and transparent.

Trigger

Home entry, time-range change and live crypto updates

Replay

The crypto value updates at roughly 2.2-second intervals

Card stack wave

The miniature card stack moves in a wave from back to front. The cards do not rise together; each follows the one before it and eases gently into place. The loop adapts when the card count changes.

Trigger

Continuous while Home is active

Replay

About every 2.6 seconds

From Home to Cards

Top-level navigation uses a lateral handoff. The Home screen moves away while Cards arrives, with a small scale and opacity change. On each visit to Cards, the stack begins near the center of the phone and rises to its resting positions: front card first, then the cards behind it, separated by roughly three frames at 60 fps.

Trigger

Tap Cards in the bottom navigation

Timing

520 ms for navigation; 560 ms per card with a 50 ms entry offset

Stack, detail and insight

Drag the front card up to send it to the back, or drag down to bring the last card forward. The stack previews the change during the drag and settles when released. A short drag snaps back. Card changes do not run automatically.

Once the stack finishes its entrance, Kai Insights rises in and three phrases flash purple, then fade back. Tapping the front card opens its detail page. Its heading, card information, insight, tabs, graphs and transactions enter in groups. The monthly columns rise in a shuffled order, overshoot their final height and settle while their labels track the value. The Categories lines draw across the graph.

A tap on the card inside its detail page flips it 180° to reveal the number, expiry and CVV. The supplied clip shows the stack, detail and graphs; it does not isolate the flip.

Trigger

Vertical drag on the front card; tap for detail; tap the open card to flip

Replay

Insights and charts play again when their view is entered

From Cards to Fiat

The same lateral navigation grammar carries the user from Cards to Fiat. The outgoing screen gives way to the account view without a hard cut. Fiat's main amount then plays the digit-drum entrance used on Home.

Trigger

Tap Fiat in the bottom navigation

Replay

Every visit to Fiat

Cross-domain flow

Moving directly between Fiat and Crypto uses a tinted sweep instead of the ordinary sideways transition. The screens soften and dissolve; the destination color identifies the area: green for Fiat and orange for Crypto. The shared balance carries its position across the cut and its digits resolve during the move.

Trigger

Switch between Fiat and Crypto

Timing

760 ms at normal playback speed

Wallet token motion

Opening Crypto's Wallet tab staggers the wallet controls, hero balance, actions and asset list. The allocation bar grows segment by segment. BTC, ETH and USDT icons make small repeated flips at different periods, so their motion drifts in and out of phase instead of looking synchronized.

Trigger

Open the Wallet tab

Replay

Entry motion on each activation; token flips continue while visible

The action button

The two arrows inside the round Money Flows button make small springy movements in opposite directions. The loop stays restrained so the button remains readable in the bottom bar.

Trigger

Continuous while the button is visible

Replay

2.2-second loop

Confirm and release

The amount screen includes a number pad and preset amounts. In Apple Pay and debit-card reviews, the confirmation handle has to travel at least 90% of its track; releasing it early sends it back. After a complete slide, green #33B881 fills the screen. It contracts into a circular check, then the circle floats upward while the success details rise beneath it.

The supplied clip includes the sheet, payment review, slide and success sequence. Its full loop is longer than the confirmation itself.

Trigger

Complete the confirmation slide

Timing

About 2.5 seconds from green fill to settled success