TAKE A LOOK AROUND

Think. Build.
Play. Repeat.

A place to pull things apart, turn a few controls, and see what happens. Every experiment here works in your browser.

Start experimenting
EXP. 01

Spatial interface.

Take the architecture into your own hands. Separate its layers, rotate the view, and change its material and lighting.

INTERFACE / APPLICATION / DATA / INTELLIGENCE
THREE.JS / R3F / GSAP
STATIC DIAGRAM IF WEBGL IS UNAVAILABLE
EXP. 02

Words in motion.

Typography as a responsive system. Adjust its weight and rhythm, or move your pointer through the composition.

TYPE IS AN INTERFACE.

SYSTEMS

550 WEIGHT / -3.0PX TRACKING
EXP. 03

Data with a point of view.

Switch the window. Change the metric. Inspect a column. Explicit state makes a small dataset worth exploring.

SYNTHETIC SYSTEM ACTIVITY

Request volume

82sample requests
Thu / Synthetic data
Select a column, time window, or metric. All values are synthetic and are not project benchmarks.
EXP. 04

The small behaviours.

Theme-aware panels, keyboard-friendly tabs, a searchable command menu, and form feedback. The things that make an interface feel considered.

A SMALL INTERFACE. REAL STATE.
WORKSPACE / PERSONAL

The details are the interface.

Tabs, themes, feedback, keyboard controls, and a working command menu. Small behaviours, carefully connected.

TAB TO NAVIGATE / ESC TO CLOSE
EXP. 05

Follow the connection.

Inspect the responsibilities and relationships inside a software system. The diagram is conceptual, not a claim that every project uses this exact stack.

INSPECTING / 01

Interface

Collects input, presents application state, and helps a person understand the outcome.

Calls the API; renders its response.