Motion

Entrance feel

Fade + scale 1.0 → 1.04 with cubic-bezier(0.22, 1, 0.36, 1). Hover the principle cards below for the same ease.

Calm, product-feel motion. One smooth ease-out for everything — live preview stays sacred.

cubic-bezier(0.22, 1, 0.36, 1) — one smooth ease-out for everything. ~200ms fast, ~320ms standard.

Fade + scale 1.0 → 1.04. No rotations, no bounce, no parallax. Calm, product-feel.

As a slider moves, the photo updates every frame — that responsiveness is the product.

Sliders and toggles use a subtle spring — no overshoot that distracts from the photo.

Scale to 0.97, opacity to 0.85 on press. Brand buttons can briefly intensify their gradient. No skeuomorphic press-shadow.

Toast confirmations fade in/out in place. Tool-rail selection is an instant color/underline change, never a bounce.

Fast hook in the first second, then a slower before/after reveal. No jump cuts on a face mid-expression.

A clean wipe or the compare-pill toggle, same easing as product. Never a flashy 3D transition.

Fade + scale-in, sentence case, one line at a time. Captions sit in a filled capsule, never bare over a face.