HTML_IN_CANVAS / LIVE PROTOCOL

A one-person operating surface with real HTML under glass.

The dashboard stays readable, linkable, and keyboardable while an experimental canvas layer turns its own HTML into a refractive command field.

runtimesemantic fallback armed
TheOnlyPerson protocol visual
market pulseSense the network42 sources

active stack

  • Notion tasks
  • Redis feeds
  • OpenClaw runs
  • Bilingual pages

Taste rulebook

Mirrors docs/MOTION.md so the Lab page doubles as living documentation.

Easing

Three curves, no inline cubics

  • --ease-spring · cubic-bezier(0.32, 0.72, 0, 1) for state changes that should feel alive.
  • --ease-standard · cubic-bezier(0.4, 0, 0.2, 1) for hover, color, component transitions.
  • --ease-emphasized · cubic-bezier(0.2, 0, 0, 1) reserved for layout-level moves.

Duration

Three buckets, capped at 380ms

  • --dur-micro · 120ms for color, opacity, focus rings, language-switch hover.
  • --dur-component · 220ms for hover lift, underline reveal, lens snap.
  • --dur-layout · 380ms for hero hover, route transitions, view-transition crossfade.

Reduced motion

A first-class branch, not a disable

  • Durations collapse toward 0ms; opacity-only changes may keep a 60ms crossfade.
  • Lens / WebGL surfaces fall back to a static aurora gradient.
  • Header compaction toggles instantly; View Transitions API stays off.