avatars
Overlapped presence stack
The ring around each face is a spread shadow, not a border: a border would add 4px to the box and every overlap in the row would be out by exactly that. And z-index runs DESCENDING so the first face sits on top; in natural order each one covers the previous, slicing its ring and swallowing its status dot.
See it live and copy its promptWhat you can adjust
- Background
- Panel color
- Head color
- Live colour
- Away colour
- Avatar size
- Overlap
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.
