halo drive

A cloud-storage motion concept on a 1080 × 1080 stage that scales to the window and loops every 8 seconds. A white card holds the drive as a treemap: Photos, Video, Docs and Other are rounded cells filled with a soft radial gradient and wrapped in a white halo, and each cell's area is its share of the drive's 128 GB. A cursor glides over Video, which grows to take more space while the bright centre of every cell leans toward the pointer. A hover and a click on Photos: it fills the map and splits into Camera, Trips and Shared, the breadcrumb reads Drive / Photos and the totals cross-fade. A click on Trips: its three preview photos grow into a four-column grid and the rest of the library pours in, staggered and unblurring, then the wall is flung 1,640 px and glides to rest with motion blur while a thin scrollbar shows how long the library is. The cursor goes to Drive in the breadcrumb, clicks, and everything folds back to the start, seamlessly. Thirty landscape photos of invented places. One pure render(t) function writes inline styles, so any frame can be drawn on its own (window.render(t), window.__RENDERING__, ?rec). Geist and Geist Mono, a reduced-motion still.