Chapter 2 · Motion Design 05 / 12

Motion is material

Motion bridges the gap between thought and action

200ms spring animations cut cognitive load by 35% — users stop waiting and start exploring.

Spatial logic replaces arbitrary transitions

Elements move along physical paths so users build a mental map of where everything lives.

Micro-interactions compound into brand trust

Subtle visual feedback on every scroll and tap trains confidence without ever demanding attention.

A spring curve says what no static asset can

Your motion language — duration, easing, choreography — encodes personality at every touchpoint.

This is the Framer Motion Pink design system, applied by Curio Design — a design-style library for AI agents. Full Framer Motion Pink guide → designbycurio.com/learn/framer-motion-pink-2024