Personas

Onesystem.Manyidentities.

Ten themes, one sample surface. Pick a persona and the chart line, the Continue pill, and the swatch row re-theme in place. Your selection persists across navigation, so the rest of the site picks up the new accent automatically.

Cyan

Default glass

Throughput

Last 12h

2,418

requests per minute

Palette

#7CD3FF

Color

Every persona ships its own accent. Buttons, charts, chips, and focus rings inherit the choice without a hard-coded hex.

Surface

The chrome stays neutral on purpose. The accent rides the inner content, so the surface itself is always readable.

Light

A long, low-opacity glow trails the active accent. It belongs to the surface, not the page, so it travels into modals and sheets.

Selection persists across navigation via auraglass-persona in localStorage. Switch personas and walk the rest of the site — every page picks up the new accent without a flash.