Internal — brand exploration
Ray Lab
Round three. The pattern in everything approved so far: the ray is a state, not a decoration — it scans, loads, activates, progresses. These options push further into that territory.
Approved
Logo cloud scan
The ray as a scanner — sweeping the customer logos, tinting each as it passes.
Prismatic skeleton
The ray as a loading state — skeleton lines shimmer in the spectrum instead of gray.
Refracted tab
The ray as the active state — the selected tab carries the three bands.
Active tab, refracted.
Progress & spinner
The ray as feedback — progress fills and spinners built from the three bands.
Round three — the ray as state
Reading progress
Blog posts and docs get a page-top progress bar in the bands — the ray tracks how far you've read.
Form controls
Switches, sliders, and checkboxes wear the bands in their on/active state — off is neutral, on refracts.
Status rings
Presence and activity signals: a spinning prism ring means deploying, a solid ring means live. The story-ring pattern, refracted.
Selection indicator
Command palettes, sidebars, and menus mark the selected row with a short band — the ray points at where you are.
- Create database
- Open storefront
- View deploys
Toast countdown
Success toasts drain a band along the bottom edge before auto-dismissing — the ray as a timer.
Deployed to production
storefront · 12s build
Working button
While the agent runs, the button's border becomes a rotating ray — the CTA itself tells you something is happening.
Busy state for PrismButton — the glow becomes a working ring.
Usage charts
Dashboards speak the motif: sparklines stroked in the spectrum, and today's bar refracts while history stays neutral.
Queries this week
1.4M
Deploys per day
23