callsToAction
Cut-Corner Button System
A family of octagonal buttons built with clip-path: a solid variant with diagonal cuts, an outline variant that fakes the border with an interior ::before clipped one pixel smaller, and a compact square version for social icons, all sharing the same beveled-corner language.
See it live and copy its promptWhat you can adjust
- Cut size
- Fill color
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.
