Omadia UI — Light-as-material

Identical primitives, identical accent, identical spacing. Left side is the v0.1 preview's material (flat fills, hard borders, single-pixel focus rings). Right side is Lume. Watch the button glow, the selected-row halo, the focused input's light bloom, the surface having an actual top-edge.

Three building blocks. Everything else in Lume is a composition of these.

The flat spec uses a fade-in + accent-subtle wash that fades out over 800ms. Lume re-tells the same story as condensation: a brief accent-tinted bloom collapses inward and the value settles. The motion is "this just materialized" rather than "this just appeared". Click Replay to retrigger.

In the flat spec, selection is a tinted row + 2px accent left bar. In Lume, the same affordance is wrapped in a soft accent-tinted halo. The user's eye finds "where the agent is working" without reading the whole table. The halo is a perception, not a UI element — it does not add space, doesn't shift layout.

Three palettes, each from a different hue family, each with its own Lume story. All three are separated from semantic states (error 25°, warning 80°, success 150°) by enough hue distance to avoid colour-blindness merge. All three are not the colour every other productivity app uses (no Vercel #0070F3, no Linear purple, no Notion neutral). Switch the Palette control above and watch §6 (Spotlight) and §7 (Editor) repaint in each.

The Spotlight idiom is where Lume earns its keep visually. The whole stage has a radial accent glow centered on the input; the input itself is the brightest point on screen; results inherit the halo treatment from §4. The user's focus is unambiguous because the canvas itself directs light to it.

The Photoshop-workspace idiom is the critical test. Around the canvas-region everything is Lume material: lit toolbar, accent-glowing active tool, illuminated inspector sliders, halo'd layer selection. Inside the canvas-region itself: dark, sharp-cornered, opaque — explicitly not Lume. The materialization stops at the canvas edge. This is the part of the screen the agent doesn't touch — the user's raw bitmap, untreated.

The most-trafficked idiom in walkthrough 1. Lume here is restrained: surfaces have luminosity, KPI deltas inherit a soft accent text-shadow when positive, the trend bars get a faint accent-glow underneath. None of it reduces data readability.

The scrim behind a modal is no longer neutral black-with-alpha. It's minimally accent-tinted — as if the modal itself is the lit object, the rest of the canvas falls into its shadow. The modal pane carries an outer accent glow, so the eye reads this surface is the active one.

Lume is a hypothesis. If you want to pursue it, here are the questions it now opens — different from the v0.1 question list because the material decision precedes them.