isvark

A one-page scroll story for a fictional modular data centre high in the mountains, "Isvark — Cold air. Hot compute.", rendered live in three.js on a pale, icy page. A pixel preloader builds the wordmark out of small squares, then a reveal front sweeps across a frozen lake and resolves a cube of 27 frosted ice modules with glowing slits, the hero title sitting behind it and hidden by the real cube. The cube leans and breathes towards the cursor. Scrolling drives one deterministic story: the cube opens (Power, with annotations whose leader lines start on live modules: 24,000 GPUs, 45 MW, 99.99% uptime), the modules depart one by one and fly as a convoy through a procedural alpine gorge trailing fibre-light lines with data packets (Connect, labels pinned to flying modules), then fan out across a snowy basin and dock at 27 sites, where each module grows into a 2×2×2 cluster with white contour flashes (Scale). Hovering a cluster tints it blue and labels it. Everything is seen through a port of Figma's lens-distortion effect, with chromatic aberration at the edges, a crisp centre and a bowed fade into the page. Copy decodes in letter by letter, the chapter nav and a telemetry line follow the story, and the closing block holds until one more downward gesture lifts the view into the sky and rebuilds the hero, looping the story. Includes Lenis smooth scrolling, snow streams, a chat drawer with a placeholder form, a phone layout, reduced motion and a no-WebGL fallback with still plates.