Repeat patterns and seamless textures have been used in web design for quite a while. Here’s a selection of 25 sites that make excellent use of repeat patterns and seamless textures.
-
Delete London
Uses a modern background pattern to give the site a clean, edgy vibe.
-
Time for Cake
An electic blend of strong patterns gives this design bags of energy.
-
Made Like Me
A simple geometric background pattern works perfectly against the grid thumbs.
-
Thomas Prior
A subtle textured seamless background adds depth and interest to this site.
-
Klassiker in Acryl
Has a great retro color scheme and a simple background pattern that blends beautifully.
-
Sarah Longnecker
Uses a background pattern with a large scale but this works well because of the subtle tones.
-
Third and Grand
A nice bright design that uses several different patterns to add depth and texture to the site.
-
Grow Interactive
You’ll need to look closely to see this pattern/texture, but it does add to the design.
-
Daniel Jimenez
Great contrast between the content and the backdrop.
-
Fluther
Has a subtle fading patterned background.
-
Elitist Snob
The spiral pattern contrasts well against the content and header sections.
-
Mouse to Minx
The pretty floral pattern is ideal for the target audience of this site.
-
The Paisley Farmhouse
An interesting choice of color scheme and pattern here.
-
Booreiland
A striking geometric pattern and bright color scheme give this design real impact.
-
Paul Burd
An unusual narrow layout with square lines contrasts well against the flowing lines of the background pattern
-
New Concept
I guess this is more of a seamless texture than a background pattern but the overall effect works well.
-
Gloobs
Another site that uses a background pattern to enhance the feel of the site.
-
Simone Maranzana
The typography and background pattern combine perfectly in this site.
-
You and I Graphics
Another unusual background texture on this site.
-
Paul Kadysz
Nicely balanced layout and background pattern.
-
Tanya Merone
Subtle pretty patterns give this site a light, feminine feel.
-
Viget Labs
A subtle background pattern gives the design elements an interesting base to sit on.
-
Training by Collective Idea
A modern pattern that adds interest to the header section of the site.
-
Axid
The content area has a strong graphic pattern that repeats vertically as the page length increases.
-
Red is White
Subtle but consistent use of diagonal stripes adds interest to the design.
Finishing Up…
I hope you found this collection of sites interesting and inspiring. I’d love to hear your opinions and thoughts in the comments.
Have I missed an amazing site? Let me know in the comments
Hey John, really nice article. I’m always playing around with seamless texture and patterns but just haven’t been able to perfect the art yet.
Most of what I’ve learned has come from dissecting other websites that use repeating backgrounds effectively, so this list is very helpful!
Hey Caleb, thanks for the feedback.
You have some great textures on LostAndTaken and you’re doing a pretty good job of mastering seamless textures on seamlesstextures.net :)
great looking sites :)
You might like Escapology.
Nice article!
Thanks for having me in your site : )
Daniel Jimenez
Hey John,
Thanks for the mention of my site, and a great collection of nice designs.
Keep up the good work!
Tom