borders
Corner bracket frame
The four brackets come from eight background layers on ONE element, two per corner, with no pseudo-elements and no extra nodes. The underlying idiom is that a gradient with two identical stops is how you draw a solid rectangle in a background layer, and the placement trick is the keyword pairs, which weld each bracket to its corner without computing anything.
See it live and copy its promptWhat you can adjust
- Background
- Panel color
- Head color
- Text color
- Arm length
- Stroke width
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.
