Sarthak UpretiSenior Product Designer
Playground· RESTRICTED AREA · DOOR'S OPEN ANYWAY

You've reached the Lab.

A separate room of the site, with exactly three things in it: a working robot, a working loader, and a working colour room. Each one is a real artifact. Three real experiments beat six filler ones.

EXHIBIT 01 · LIVEMILO — OPERATIONAL
TEST STAND 01 — HOVER HIM, HE'S TICKLISH

Milo, on the test stand

The companion robot from the home page, fully exposed. Nine 3D parts, a canvas face that genuinely morphs between expressions.

Emotions

Pick a face, or hover him and he'll cycle through his cute ones on his own.

Assembly100%

Drag to pull him apart and rebuild him. It's the same value that builds him on the home page when you scroll.

How he's built
PARTS9 rigged pieces. Each flies in from off-screen and locks into place.
FACECanvas-drawn display. Every expression is the same two primitives under different parameters, so changes are real morphs.
LIFEBlinks on human timing, tracks your cursor, waves in bursts, and leans toward the pointer.

The bench

Everything here runs live. The colour room copies out as CSS
EXHIBIT 02 · THE V1 LOADERLIVE

The V1 loader

This site's first loader, preserved as a working exhibit instead of a screenshot.

000%
EXHIBIT 03 · THE COLOR ROOMLIVE
RAMP — CLICK ANY STEP TO COPY ITS HEX
HARMONIES — SAME RULE, CLICK TO COPY

The Color Room

Base colour in, working set out: ramps, harmonies, live contrast verdicts.

BASE COLOUR
AS A TEXT COLOUR, THIS PASSES ON…
DARK (INK)6.12:1AA
LIGHT (PAPER)2.83:1FAILS
Text on this colour should be dark — like this.
EVERY SWATCH COPIES ON CLICK