vault 07

A motion piece of a fingerprint unlock, on a near-black stage with a faint dot grid. One deterministic 12-second timeline plays it and loops seamlessly. A graphite vault dial sits in a grainy violet light panel on a dark card: "Vault 07", a "Locked" pill, "Place your finger". The finger lands with a violet contact glow and the print surfaces ridge by ridge from the centre. "Reading print" counts up in a dot-matrix face while a radial read sweeps out from the centre: the ridges it passes light up, a bright band runs along its front, four key points are ringed and the 72-tick ring fills with a leading dot. "Identity confirmed", the pill crossfades to "Unlocked", a seam of light opens down the dial and its two halves slide apart like vault doors. The card unfolds into an 880-wide Clients database while the dial shrinks and flies into the header's lock icon; the header, the collections, the title, the search field and seven client rows slide in one after the other, and every value decrypts from scrambled violet glyphs; a hover glides down two rows and the session counts down. Then the contents fade, the dial flies back, the window folds into the card, the halves close and "Place your finger" returns. The dial and the fingerprint are drawn on a 2D canvas; everything else is HTML and CSS driven by one animation-frame loop. The square stage scales to fit any window, and portrait screens zoom in to the database window.