concept: depth is the hierarchy. On a screen you look into, focus picks what matters and going deeper shows more.

The creator's post

all of this is code Sonnet 5.5 max made this 39s video in 17 hours w/ @HyperFrames_ , prompt below concept: depth is the hierarchy. On a screen you look into, focus picks what matters and going deeper shows more. • One object: a black glass instrument with three windows, all showing the same tide reading, 3.67 m. • Three depths, three levels: the shallowest window shows only the number, the middle one adds range, high water and rate, the deepest adds a trend and twelve readings. • The camera pulls focus from window to window, so focus, not layout, decides what you read. It ends on the engraved line "Depth is the hierarchy". • The design idea: information hierarchy carried by optical depth (glass, refraction, real depth of field) instead of size, weight and position on a flat screen. The starting point was Ferrari Luce's layered display. • Built as one HyperFrames page: three.js glass and metal, live HTML text drawn into the 3D scene through HTML-in-Canvas, thin-lens depth of field, every frame deterministic.