Line25

20 Web Designs with Subtle Grain Texture Backgrounds

Read the full post

While minimal flat style designs are the current hot trend, some designers are eliminating solid blocks of colour from their designs with the use of subtle textures. The use of grainy textures really helps give a design a tactile appearance and fits perfectly with designs using an old school or retro style. This post showcases 20 websites which are perfect examples of grain texture use. These sites don’t take texturing to the extreme, but the grainy backgrounds really help add subtle details to the design.

Orchard Keepers

Orchard Keepers

Postable

Postable

Activate Media

Activate Media

Oli Lisher

Oli Lisher

Olly Sorsby Design Co.

Olly Sorsby Design Co.

We Grow Cherries

We Grow Cherries

Richard Photo Lab

Richard Photo Lab

The Prince Ink Company

The Prince Ink Company

Drawn to Business

Drawn to Business

Sputnik Creative

Sputnik Creative

Crowd

Crowd

Hum Creative

Hum Creative

Everlovin’ Press

Everlovin' Press

Trust Co

Trust Co

Fifteen London

Fifteen London

Exponent PR

Exponent PR

Fancred

Fancred

Chichester Design

Chichester Design

Great American Whiskey Fair

Great American Whiskey Fair

Free web shadows pack for every subscriber

Join the mailing list to have new content delivered straight to your email inbox. Every subscriber gets a free pack of realistic web shadows.

Written by Chris Spooner

Chris Spooner is a designer who loves experimenting with new web design techniques collating creative website designs. Check out Chris' design tutorials and articles at Blog.SpoonGraphics or follow his daily findings on Twitter.

  • http://www.nenutech.com john myers

    This is one of the most useful articles, I really appreciate having the examples of ways to achieve the effect discussed in the article.

    Thank you! I believe this is a very valuable contribution to the web design community!

  • http://www.codegeekz.com Ceba

    Few really eye catching designs, thanks for inspiring, really inspiring one.

    • http://www.vithemes.com khjunaid

      yes definitely you are right!

  • http://scinotions.com Martha Kent

    Thanks for sharing this list. I was in a bit of uncertain territory regarding my website’s background. I want it as clean as possible, but the simple white background just don’t work as it should. Maybe I will try a texture background from this list. Everlovin’ Press for example looks astonishing…

  • http://www.besanttechnologies.com/training-courses/web-designing-training satya

    I can understand the concepts clearly with your defined examples..thanks alot

  • satya
  • http://frinleypaul.com Paul

    Chris! thanks for the inspirational post. I am big fan of yours :)

  • d.
  • http://superpixel.co Justin

    We put a subtle grain effect in our logo we’re pretty proud of, including a subtle grid pattern in the rest of the background. It’s the little things.

  • http://createcustomwebsites.blogspot.com/2013/11/richardson-web-design-best-web-design.html David

    Mine is really simple. I try not to clutter the whole page and let the reader choose what he/she wants. Seems to work out but marketing has been the most difficult for me.

  • http://www.mixidot.com mixidot

    Thanks Chris! Lovely collection as always :0) Great to learn about new (to me) creative designers and services too :0)

  • http://tomdurkin.me Tom Durkin

    I lost a lot of faith in using textures when the whole flat thing started, but this shows that both can work together as well.

    I enjoyed Hum Creative!

  • http://www.sharetogather.in prashant

    Thia is an realy greate and helpful article for me,great work chris..

  • http://www.igeninfo.com/website_designing_company_in_bhopal.php Website designing company in Bhopal

    Weird. I just opened Slacktivist and didn’t get any rude adds. I even linked around in the site without adds. I do have an ad blocker installed, tho…

  • http://www.dburnsdesign.com/ Anisha Fonville

    Great list, Chris! That slight grainy texture does add a bit of character to an otherwise simple design.

  • Jerry

    Beautiful List:) Thanks For Sharing this List Chris

  • http://www.sweetmag.my Sweetmag

    great set of site! thanks :D

  • http://imbwebservices ranji

    Thanks for given valuable information for for web Design