Shape as button background

How to use it

Use a shape other than a rectangle as the background for a button.

When to use it

If you want to add more visual interest to your design, make it quirkier, or represent some theme or brand element, you can use whatever shape you like as the background for your button.

What to watch out for

It’s unlikely people will be used to buttons in whatever shape you choose, so they might not realise they can use the button. Good action-based copy and perhaps an icon might help them to realise.

Since this shape might not be rectilinear, it also might not fit well into your layout.

Examples