K–INSP–011 · Inspiration
Cursor Filter Dropdown
A filter menu that animates open and shut, except when the choice changes the list underneath — then it just goes.
View studyKaki catalogue
K–INSP–022 · Inspiration · Interaction
A barcode set inside a headline is secretly a button: a scan line follows the mouse after a short delay, parks mid-code for keyboard and touch, and a press locks four corner brackets around it.
Kaki reconstruction / Live
Move a mouse slowly over the code to see the beam wait before it appears, then follow. Tab to it and the beam parks mid-code. Press it, or tap on a touch screen, to lock the corners. The specimen opens nothing; it reports each scan instead.
Behaviour verified from the supplied archive and its scanner component · invented Kaki phrase and barcode · persimmon palette and original code · polite scan status · motion collapsed under reduced motion
Observed system / 03
These diagrams separate what each kind of input is given, since none of them gets the same thing.
Why it is here
The barcode reads as typography first: an inverted word chip, then bars set at 1.3 times the type size, with a small numeral tucked under two longer guard bars. Only the pointer cursor hints at anything more. The button sits on top as a transparent layer reaching sixteen pixels past the code at each side and twenty above and below, so the target is far more forgiving than the drawing.
The light is not a single line. Six stacked layers build it: a two-pixel line with a two-step glow, a white hairline and soft sheen just beneath it, an eight-pixel blurred core, a sixteen-pixel blurred halo, and a gradient that falls away below the line across a head no taller than 96 pixels. The head fades out at both sides and the layer fades out over its last 24 pixels, so the light never shows a hard edge.
The numeral is also a quiet joke for anyone who recognises it: 76.76.21.21 is the address Vercel publishes for pointing a domain's A record at its platform. Kaki prints its own accession in that position instead.
The joke is the whole point: a decorative barcode in a headline turns out to be scannable. What makes it more than a joke is how each input gets its own honest version — the mouse aims the beam, keyboard focus parks it where it can be seen, and a tap gets a brief flash because there is nothing to aim with.
cubic-bezier(0.16, 1, 0.3, 1). Under reduced motion each of these durations becomes one millisecond and the beam transform loses its transition.