Night walk: a cool white flashlight on a dark page
Night walk is the look Flashlight Effect opens on: the page goes dark at the start, then a machined aluminum flashlight in the right hand lights it wherever the pointer goes. Its cool white spot has a soft edge and a dim spill, a ray runs from the lens through a light haze, and the rest of the page sinks into deep blue night and soft focus.
Make it yours
Find it faster
Raise Spot size toward 70 and Spill toward 50 so the page is easier to read in the dark, while the edge of the light still shows.
Skip the blackout
Turn off Lights out at the start and the page opens already dark with the flashlight on, which suits a page visitors come back to.
FAQ
Why does the page go dark first?
Lights out at the start plays a short blackout before the flashlight comes on, so the visitor notices the change. Turn it off to open on the dark page with the light already on.
How it works
Pick a look
Start on Night walk, Warm torch, Stage spotlight or another look, and move the pointer over the preview to point the light around the page.
Shape the light
Choose the hand and the flashlight (machined aluminum, classic black or drawn flat), the size and edge of the spot, the ray, the haze and the dust, and how dark and blurred the rest of the page goes. Drawn with picks WebGL, the lighter one, or Three.js, a real 3D model.
Use it or export it
Sign in with a free UX Pilot account to put it on the UX Pilot canvas or export it as HTML or a PNG.