Motion system
Motion that makes PhotoMagic feel alive.
One restrained, on-brand motion language — animated logo variants, branded loaders and crisp action feedback — built on the same two colours (ink + a single violet ‘magic’) as the rest of the product.
Personality
Premium + a Playful spark
Elegant and photographic, with a flash of ‘magic’ on the moments that delight.
Signature easing
cubic-bezier(.22, 1, .36, 1)
A confident decelerate. 80% of motion lands on this curve — ease-magic.
Durations
160 · 320 · 560 ms
Quick feedback, standard transitions, slow theatrical reveals.
Brand in motion
Animated logo variants
Seven personalities for one mark. Each loops here to show its motion; in the app they fire on the right moment — mostly on hover, never noisily.
Focus
The iris focuses and the mark lifts. Hover-driven — our in-app default.
Draw-in
The aperture draws itself on load. For splash screens & first paint.
Breathe
A slow, calm pulse — ambient brand presence while you wait.
Glow
A soft violet halo blooms. For hero sections & premium moments.
Shimmer
Light sweeps across the wordmark. For loading headers.
Sparkle
Twinkles orbit the mark. For the ‘magic’ delight beats.
Static
No motion — the baseline lockup for dense surfaces.
On dark
The mark and motion hold up on dark hero & film surfaces.
Waiting, on brand
Loading icons
The aperture spins, three ‘magic’ dots bounce, and skeletons shimmer. No generic grey spinners anywhere.
Aperture spinner
The signature loader
Magic dots
Inline ‘working…’
Shimmer bar
Indeterminate progress
Sparkle
Delight accent
Photo grid skeleton
While a folder loads
Loading your photos…
142 loaded
Full-screen loader
Whole panels / screens
Feedback that feels good
Action items & micro-interactions
Buttons lift on hover and squash on press; success pops and draws; errors shake firmly. Try them.
Save feedback
Spinner → success pop + sparkles
Error shake
Firm, no overshoot — try the button
Like / pick pop
Scale pop with spring overshoot