Pattern as background

How to use it

Use a repeating pattern as the background for an area of your website.

When to use it

If you do not want to find a background image for a hero section or other important area of your website, you can use a repeating pattern instead. This will add more visual interest than a flat colour, or a gradient, and still not require as much effort as finding a good photo.

What to watch out for

Try to make sure the pattern is dark, and subtle. If it's too bright or chaotic, it can distract the user from the content.

Examples