Lines as background

How to use it

Add shaped lines to the background of an element.

When to use it

This technique adds visual interest and generally doesn't demand attention as much as a background image or a repeated pattern. In the example below I've used outlined circles but you can shape the lines however you like.

What to watch out for

The lines should be subtle so that they don't distract from the content in the element.

Examples