Components

Loading

Rooms open behind a pixel loader until the latest shared changes are fetched, applied, and rendered.

Opening states

Each phase owns a span of the twelve cells. Syncing follows the sync service's real download fraction; the next empty cell blinks. A first open on a device — no saved copy yet — also names each step.

Fraction40%First open

#0 · 0°

Panel entrance

The loader closes instantly once the room has settled; the canvas is already in place and the left column and inspector slide in from their edges.

Duration460msInspector delay50ms

Inspector

Palette sequence

Every opening advances the hue by the golden angle (≈137.5°) in OKLCH, keeping the brand ramp's lightness and chroma. Chroma alone is reduced when a shade falls outside sRGB. #0 is the brand.