Fintech Banking

A solid reference for animation timing in financial interfaces. It maps Disney's 12 principles to money stuff like transaction flows, balance updates, and card flips, with specific durations (250-350ms for standard actions, 400-500ms for security verification). The core insight is restraint: fintech animations need to feel deliberate and trustworthy, not playful. You get concrete guidance on easing curves, sequencing (balance first, then cards, then transactions), and when to ease off the squash and stretch. Most useful when you're trying to make payment flows feel premium without looking gimmicky or making users nervous about their money.

Install to Claude Code

npx -y skills add dylantarre/animation-principles --skill fintech-banking --agent claude-code