Animation sandbox

Tune the three-part motion that already exists

This is the real captureCeremony from clarity-engine-v3 — the ripple → travel-up-wall → condense sequence that fires when the AI captures something a user said. All timing, keyframes, and colors come from motion/captureCeremony.ts and CaptureRipples.tsx.

Nothing here is invented. The sliders scale the real variables: speed (1× = 3000ms total), intensity (opacity multiplier), ring size (max expansion), and wall width.

The three beats:
0–1000ms · Ripple expands from the capture tag
1050–1850ms · Wall flash + wave travels up each edge
1850–2450ms · Dot condenses on the pill, count increments
9:41●●● ▮
Clarity
3 captured
What's on your mind about the refi?
I want to lower my monthly payment and maybe pull some cash for renovations.

Fire

Every option below is independent. The "Full ceremony" is just ripple + travel-up-wall + condense fired together.

The real ceremony — all three together
Ceremony pieces — each is independent
Experimental alternatives — independent, unrelated to the real ceremony
1.00×
1.00
500px
16px
24
0.55