Labs

Direct-manipulation tuners

AI gives incredible velocity, but prompting your way through fine-tuning is clumsy. You don't prompt a 2px nudge or an easing curve — you build a slider. These are the direct-manipulation tools I built to keep my hands on the craft and dial in the design system behind this site.

Motion

motion.json

Duration scale, easing library, weight/importance, ambient loops, choreography, and the three signature interaction behaviors.

Color

color.json

The full semantic palette, tuned live — neutrals, primary/secondary accent, glow, gradients, and WCAG contrast diagnostics.

Type

type.json

Sans/serif/mono pairing, modular scale, and per-role weight/line-height/tracking on the locked palette.

Space + Radius

space.json / radius.json

The spacing scale and its semantic aliases (inset/stack/inline/layout), plus the signature asymmetric-corner radius system.

Effect

effect.json

Elevation, glow, gradients, and grain — separated from color by concern, tunable independently of hue.

Icon

Library comparison (Lucide, Tabler, Phosphor) against the locked mark, plus the restrained glow-duotone treatment.

Atmosphere

effect.json

The raster/painterly hero layer — style-tile comparison, the one theme-gated intensity token, plus lab-local dials for the halftone-corner accent and dust flourish.