buttons
Diagonal section divider
An angled transition between a light section and a dark one: an SVG with a single irregular polygon anchored to the bottom of the hero cuts across the light diagonally, using preserveAspectRatio none to stretch to any width.
See it live and copy its promptWhat you can adjust
- Dark section color
- Divider height
- X kink
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.
