Uneven shape container

How to use it

Use an uneven shape as a container.

When to use it

This adds visual interest to a page, and supports a brand that's more quirky or approachable.

What to watch out for

Content won't fit nicely inside a container that’s unevenly shaped, so the content should be designed to suit the container, or the shape of the container should be designed to suit the content. This technique might not be suitable if you don’t know what the content will be ahead of time.

Containers that are unevenly shaped will also not work well with page layout, since it’s difficult to align elements to something that’s all over the place like this.

Examples