Patterns in the wild: Examples of great pattern usage in design

June 17th 2011 - Inspiration

Just wanted to do a quick round-up of websites that use patterns in their designs and use them well. From bold to subtle, these are some samples of great design work that integrate patterns.

Redefine
Redefine
The Sydney-based agency Redefine uses a very bold geometric pattern. It’s usually pretty risky to go so loud and busy on a background pattern, but in this case the pattern works very well. The color palette chosen is also very nice.

 

CampLuxe
Campluxe
Campluxe uses an extremely subtle pattern, but it really helps strengthen the branding and the look and feel of the site. The pattern is a geo/iconic repeat that reuses the icons in the navigation.

 

Clearspan Media
Clearspan Media
I love Argyle. The Clearspan Media site uses a big, gunmetal blue style argyle background up top to give the page a visual foundation and help put more focus on the headline and portfolio samples. Also a nice touch is the much more subtle patterned and textured backgrounds used to separate different content sections on the page.

 

Pukkelpop 2011
Pukkelpop 2011
It’s bright, loud and awesome. The blue dotted background up top and the big, bold green geo pattern below do a great job at illustrating the purpose and content of the site. Another hard pattern design to pull off in a design, but they do it well.

 

Ruhland & Ruhland
Ruhland & Ruhland
Another great example of a background pattern used to strengthen the brand. The pattern shape and coloring really make the brand pop more and put more focus on the content. The elements in the pattern look very much like the starbursts in the logo – and then again used in the navigation.

 

Sketch Notes
Sketchnotes
A great example of turning the content into a background pattern. It’s a tad busy, but very fun and helps strengthen the product in this case.

 

Electric Pulp
Electrip Pulp
Electric Pulp uses a nice, subtle dotted pattern that borders along the lines of texture. A nice, minimal way to give a little extra depth to an overall design.

 

Shane Guymon
Shane Guymon
Shane’s site has a nice example of an icon/illustrated background. Loving the sneakers and cassette tapes.

 

Seen more great examples in the wild? Please leave a link below or shoot me a message and I’ll include it in the next round-up. Thanks!


Leave a Reply




Comments:




About DinPattern.com

DinPattern.com is an online pattern design resource for designers, artists, web developers and social network users that enjoy customizing their pages. Patterns can be used for twitter backgrounds, artwork, web design and anywhere else desired. More about how we got started.

All patterns and work within ©2014 Evan Eckard.

You may use these patterns for any personal or commercial web and screen use only (no print). If used, please link back to DinPattern and author credit would be appreciated. Also, feel free to leave a tip.

If interested in using any patterns within for print purposes or are looking for something custom, please get in touch for more information.