buttons
Deep shadow system with halo
A depth language for light UI: every key element (icon, button, avatar) floats above a blurred DUPLICATE of its own color as a halo beneath it, plus a light inset above and a tinted shadow, and the halo grows and drops on hover as if the object were lifting off.
See it live and copy its promptWhat you can adjust
- Accent color
- Halo blur
- Halo opacity
How this catalog works
Every component ships with its reproduction prompt: the text you paste into an AI builder to get exactly this piece. The values above are editable, and the prompt you copy carries the ones you chose, so what gets generated is what you were looking at.
