Motion Lab · prototype

Cortana Prospector

The feel, before we build it

This is a working prototype of the “quietly kinetic” motion language — every motion below runs the same easing, timing and spring rules we'd ship app-wide. Hit Replay on any panel to feel it again.

Flip Reduced motion (top right) to see the accessible path — a hard rule: everything collapses to an instant or a short opacity fade, and no meaning is lost.

Settle ease
·22, 1, ·36, 1
entrances, panels, layout
Durations
110 · 210 · 340
press · reveal · panel (ms)
Spring
460 / 34 / ·55
direct-touch only
Stagger
55ms · cap 8
never all 50 rows
Radar · main surface

The prospect table comes online

Rows settle in as one instrument and the scores count up in place. Hover (or tap) a row for the precision focus rule.

stagger 78ms·cap8 · row 540ms house-ease · countUp 860ms
Name
Town
Score
Web presence
18 of 18 prospects watch the body refocus
Company · verdict

The score explains itself

One short sequence: the total resolves, the category bars fill in order, the signal pips acquire — then everything goes still to be read. Motion that maps to a real quantity.

score spring 100/22 · bars scaleX 45ms step · pips 30ms step
0 / 100
High opportunity
Controls · everywhere

Things you touch push back

A spring on press. A menu that grows from its own corner. A mode that clicks into place. The small stuff you feel a hundred times a day.

press spring · popover origin scale·98→1 · icon crossfade + ·turn
press spring
account menu
theme toggle
Profile · panel

Sheets placed in front of you

The backdrop dims first, the panel settles, then its groups reveal in a quiet cascade — the same choreography already live on My Profile. Close reverses it.

backdrop 240ms · panel 340ms settle · groups 60ms step
— radar behind —

My Profile

From Microsoft
Identity
Director · Business Development · Head Office
Your patch
Roofing, plumbing · Maldon, Grays
How the AI works for you
Verdict-first · concise
Navigation · bearings

Moving through a ranked deck

Stepping to the next-ranked prospect enters from the right; the previous one from the left. Small directional intent so the app always has a sense of where you are.

exit 110ms · enter 280ms · x ±10 · header stays put
rank 1 of 5