badges
Sector markers with a beam
The reticle corners are four 8px boxes, each drawing only the two borders that meet at its own corner. No pseudo elements and no SVG, and they survive any label width because each is pinned to a corner rather than sized against the pill. The only thing that changes height is the beam, and because the row aligns to the bottom that separates the markers in depth without moving a single label.
See it live and copy its promptWhat you can adjust
- Background
- Grid color
- Head color
- Secondary color
- Tertiary color
- Grating pitch
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.
