01Frames02Services03StudioStart a build
Interactive FrameFRAME / 002WebGL / Network Intelligence

CONTOUR

The network has a shape.

A fictional onchain state engine that turns blockspace, liquidity, and cross-network activity into a continuous, explorable field. Three modes reveal flow, pressure, and available capacity.

Enter live frame

The premise

Onchain state is usually presented as disconnected charts, feeds, and alerts. CONTOUR asks what changes when the network is treated as terrain instead: pressure rises, capacity opens, and events travel visibly across one shared field before a dashboard needs to explain them.

Three connected systems

PREMISE / INTERFACE / BEHAVIOR
01

State becomes terrain

Blockspace, liquidity, and bridge activity are translated into one spatial metaphor. Peaks signal concentration and pressure; valleys expose available capacity.

02

One field, three readings

Flow, Pressure, and Capacity modes reshape the WebGL field, color system, probe values, telemetry, and the interpretation of every sector.

03

Events leave a trace

Pointer movement probes local state while clicks, taps, and keyboard input inject simulated network events that propagate as visible shockwaves.

The build

Product thinking,
made interactive.

  • 01Original fictional network-intelligence identity
  • 02Dependency-free WebGL 2 block-field engine
  • 03Flow, Pressure, and Capacity state modes
  • 04Live sector probe and simulated telemetry
  • 05Interactive network-event propagation
  • 06CSS fallback, keyboard, touch, and reduced-motion behavior
SIMULATION NOTICE

CONTOUR is a fictional product presented as an interactive frame. Every network, event, pressure, latency, and capacity value is simulated. It does not monitor a live chain, provide trading signals, or initiate any wallet or network action.

THIRD-PARTY CREDIT

Visual engine adapted from CPChallenge: Blocks by Tommy Ho under the MIT License. Full notice is preserved in the source package.

Production path

Have a difficult product to explain?
Give it a system people can feel.

Narrative, visual logic, responsive product interface, motion, integration, and production remain in one coherent frame.

Build an original system