Live interface sandbox

Interface labs

Rapid prototyping bays for scrolls, buttons and animation rigs. Each lab ships with live controls, generated code, and telemetry hooks so we can stress-test ideas without touching production UI.

Use the floating Lab Deck button to tune palettes, motion curves, and safe-mode toggles for every experiment on this page.

Lab 01

Scroll lab

Tinker with Scroll Mark V shells, update typography on the fly, and export the generated markup for shipping builds.

Variants
3 in rotation
Focus
Scroll Mark V

Scroll lab

Lab 02

Button lab

Mix and match button shells, color systems and motion cues. Every interaction logs its copy so you can paste the result straight into an interface spec.

Families
Mark II & III
Recipes
30+ presets

Button lab

Lab 03

Animation lab

Orchestrate signal relays and beacon blooms, then export the CSS timeline for whatever canvas needs a glow-up.

Presets
4 motion scripts
Output
CSS keyframes

Animation lab

Signal choreographer

Pulse relay

Twin beams breathe above the parchment, pulsing brighter before easing back into a steady watch.