Timing Functions:
• Ease-out: Natural deceleration (0.25s)
• Ease-in-out: Smooth transitions (0.3s)
• Linear: Consistent motion (loading, progress)
• Bounce: Playful emphasis (0.6s)
Duration Guidelines:
• Micro-interactions: 150-300ms
• State changes: 200-500ms
• Page transitions: 300-800ms
• Complex animations: 500-1000ms