An entry interaction study: what

An entry interaction study: what should a page do while you are still deciding to enter it?

The page opens near-black on a single eye. You press and hold. The pupil dilates, the lids narrow, the stroke thickens, and the cursor changes shape as it crosses in. One number runs from 0 to 1 while the pointer is down and every visible state reads from it, so letting go early needed no special case in the code. It simply runs backwards, more slowly than it ran forward.

The inspector ships on the page rather than in a dev branch, so anyone can drag the value and watch the numbers move together. That turns an argument about whether the motion feels right into a conversation about specific numbers.

8 KB of JavaScript, no animation library, 0 external requests at runtime, 0 axe-core violations at WCAG 2.2 AA, and one Pointer Events path covering mouse, touch and pen. Press and hold it yourself: https://lab.forblune.com