backgrounds
Clipped hexagon honeycomb
A clip-path takes the border box away along with the corners, so an outlined hexagon cannot be made with border. It is made with TWO copies of the same clip: the outer one is the outline, the inner one is inset by the gap and covers all but a band of it. Because they are two layers, outline and face can be painted separately.
See it live and copy its promptWhat you can adjust
- Background
- Cell colour
- Head color
- Hexagon width
- Cell gap
- Hexagon ratio
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.
