Confirmation Burst

Why it works

Graphics appear only on key action frames such as a tap or a successful payment, which marks the key moments of the product. The fragments share shapes and colors with the maps and feature cards used elsewhere in the film. The confirmation icon has thickness and highlights that contrast in material with the flat interface, and the expanding outline reuses the same shape.

Spec

Timing

Film 11s. Keypad taps at 1.0, 1.22, 1.44 and 1.66s; fragment burst on the Review tap at 2.65s (expand 0.3s, drift to 0.64s, fade 0.64-0.8s); review screen takes over at 3.0s; Pay tap at 5.1s, button disabled state 5.1-5.3s, icon pops at 5.45s (scale 0.6 to 1.1 in 0.28s, to 1.0 in 0.24s), outline ring 0.6s in parallel; phone leaves 8.0s; wordmark 8.45s

Easing

Fragments expand expo.out 0.3s, then drift linearly 12px over 0.5s and fade power1.in 0.16s; icon scale power3.out 0.6 to 1.1, then power2.inOut 1.1 to 1.0; outline scale power2.out 1 to 3 and opacity power2.in 0.6 to 0 over 0.6s; check stroke power2.out 0.24s; button disable power1.out 0.2s

Camera

Not fixed: slow push 1.18 to 1.215 until 1.9s, then an expo.out push to 1.7 anchored on the Review button (0.6s from 2.0s) so the burst fills the lower frame; pull-back to 1.42 at 3.0s (0.9s), drift to 1.5 by 5.25s, 1.3 at 5.53s (1.0s) drifting to 1.36. A 54px touch indicator travels to each target and presses (scale 0.78 in 0.06-0.07s, back in 0.14-0.16s)

Subject

Burst: 6 elements leave the tap point upward and sideways at angles -26, -78, -156, -128, -52 and -104 degrees: a white line with navy outline, a navy line, a blue line, a navy wavy line, a white dot and a blue square, travelling 96-120px (about 20% of frame height at camera scale 1.7). Icon: after the Pay button turns into a disabled Sending state with a spinner, a 132px scalloped blue seal with gradient, inner highlight and shadow and a white check stroke pops in with a same-shape outline expanding behind it

Sync

The burst and the button press (scale 0.965) share the tap frame at 2.65s and the review screen takes over 0.35s later; for the icon, the disabled state starts on the tap at 5.1s and the icon pops 0.35s later, with the same button turning into Done on that frame

Style

Navy backdrop #0b1b6a with blurred bank notification cards (fade out at 8.0s), white phone UI, brand blue #1e45d6 and fragments in navy #0b1b6a, blue #2a58ee and white; icon gradient #86a4ff to #1530b4; wordmark Inter 700 168px, letter-spacing -0.055em, white

Prompt

People describe it as

• A burst of small shapes around the spot you tap
• Lines, squares, and dots pop out when a payment succeeds
• The confirmation icon pops and a ring of outline spreads out

Often confused with

• Map Pin DropMap Pin Drop's fragments appear at the pin's landing position; Confirmation Burst's fragments appear at the tap contact point.
• Match CutMatch Cut swaps the whole object for another; Confirmation Burst only overlays feedback graphics on the existing picture.