lights out

A brightness micro-interaction on a dark Display panel ("Studio · Desk 02", an "Evening" chip, a warm aurora in its corner): a big 78 % with 406 nits, a tick fader with a glowing handle, and three toggles, Color Match, Warm Hours and Ambient Match. A ~16-second demo loops by itself. A cursor turns Warm Hours on, grabs the handle and drags the brightness down past 0 %: the panel, the light shaft above it and the whole room dim with it until the screen is black. A flashlight flickers on under the cursor, a warm pool with dust floating in its beam, and tours the wallpaper around the panel: stars charge up in mint green where it passes and stay lit for a few seconds, lines join them into six constellations, and the light leaves a short trail. Then the brightness is dragged back to 100 % and the light returns with a soft white flash. Click anywhere and the cursor is yours: drag the fader, flip the toggles, take the brightness to zero and search the dark yourself, with a mouse or a finger. The panel is HTML and CSS; the darkness and the light are drawn on canvases with the Canvas 2D API, moved by tweens and damped springs; the sky comes from one seeded sequence, so it's the same on every load. Geist and Geist Mono, film grain, a 1080 × 1080 stage that scales to fit any window with the room carried on to its edges, window.__SP for the demo's speed and a frame-exact recorder (window.__rec and __start). With reduced motion the demo doesn't play and the panel is the visitor's from the start.