Digital Discovery · Field guide
Vol. I / No. 07

The motion.

EasingDuration · Primitives
April 2026
01

Easing — three curves.

Standard for UI · spring for arrivals · linear for ambient loops only
Standard · default

The workhorse.

cubic-bezier(0.2, 0, 0, 1) · 99% of UI · buttons, modals, reveals
Spring · arrivals

The landing.

cubic-bezier(0.34, 1.56, 0.64, 1) · new content entering · badges, success
Linear · ambient

The drift.

linear · background loops · gradient drift · breathing orbs
02

Duration — four beats.

Faster for small changes · slower for the stuff that matters
120msInstant
Hover tint · chip state · tiny tweaks
240msUI default
Buttons · menus · 90% of interactions
500msReveal
Page sections · card entrance · hero fade
900msHero
Headline reveal · poster moments · once per page
03

Primitives — four moves.

Rise · scale · drift · pulse · combine these, don't invent new
Rise
Fade + rise.
500ms · standard · opacity + translateY
Scale
Spring in.
500ms · spring · scale 0→1
Drift
Ambient float.
6s · ease-in-out · background only
Pulse
Soft pulse.
2s · standard · call-to-action accent
04

Signature reveal — the headline moment.

Words fade up in sequence · italic fragment arrives last · once per page
We make the impossible.
05

Hover — three responses.

Lift · tint · stretch · subtle by default
Card · Lift
Bing Lee Case Study
translateY(-4px) + shadow-lift · 240ms standard
Button · Tint
bg: ink → coral-deep · 240ms standard · glow halo
Link · Stretch
Read the field guide →
letter-spacing widens + colour shifts · 300ms standard