50 Inspiring Textured Web Designs
After showing you A Showcase of Clean White Web Designs a couple weeks ago, it’s time for us to add some textured designs to our lists. Textures are a great way to give a special touch to a website. They can be used in a specific part of the layout – the header/footer, for example, or they can be used in the whole page as a background. The thing is that textures are versatile, beautiful and stylish. So here are 50 excellent examples of textures in web design to inspire you.
ok.cogaoke.com
theiheartfilm.com
scheppsdesign.com
giantantmedia.com
adflavor.net
Voices of Haiti
maggietaylor.com
jamesmli.net
freshlimesoda
monkeyworks illustration
jeroenhoman.com
Chalet Minouchet
LogicbombMedia
swiths.com
established1986.com
crush + lovely
Walk to Washington
DPS – Designer Peter Steven
harmonyrepublic.com
bikeandsaddle.com
Istok Pavlovic
spoutcreative.com
custodialabuse.org
the Blizzards
the darling tree
giantantmedia.com
frisk web
villadario.it
Min Tran’s Blog
nickstedt.de
theseen.biz
colazionedamichy.it
Jobs on The Wall
goodbytes.be
Healthy Harvest
dnadarwin.org
spoongraphics
Inspire 2010
kilian muster
carolrivello
xgraphica.com
Ronnie Wright
Camille Boidron
Divensis
KalyanChatterjee
designfabrika
thinkup.org
corvus
pixelthread
baneydesign
About the Author
I love communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr
Related Posts
Here's some other articles that you will definitely find useful.
18 Websites that Take Scrolling to the Next Level
Inspiring Type in Package Design
Flat Design Inspiration
21 Beautiful Examples of Using White in Web Design
23 Examples of Flat Web Design
33 comments
Sebastian
March 8, 2010A very nice list – good for inspiration!
greets from germany…
Daniel Long
March 8, 2010There are some really creative and inspiring pieces here. Healthy Harvest is one of my favourites. I like the earthy feel it has, layout and use of colours. This post is definitely inspiring my to do some exciting web design.
Darja
March 8, 2010Really good designs but the loading time of some pages takes part of their beauty away. Usability still counts. No matter how inspiring and gorgeous the design is.
Jordan Walker
March 8, 2010I really like to see different textures on a website, makes it feel more realistic.
Hillary H.
March 8, 2010Beautiful. I love textured designs, it brings a whole new element to it, and draws people in. Thanks for the list!
matt
March 8, 2010lovely designs, they really make the site. i do enjoy that think up one
Nick Hand
March 8, 2010You have “giantantmedia” over the Cherokee Mills screenshot, might want to change that.
Other than that, great list! Also some nice transparency and texture on http://www.nickhand.net
Sarah Lynn
March 8, 2010This is a FANTASTIC collection. Great post! I love the Harmony Republic site, very cool! A lot of CSS3 in this studios web designs. Can’t wait for IE to jump on board.
Melody
March 8, 2010I love how the textures for these designs are not too overpowering..very nice selection..
Amberly | Web Designer
March 8, 2010Such a nice collection.
What a Brilliant example you have featured here. theseen.biz i love it.
Carol Rivello
March 8, 2010Hey, thanks for featuring me!
Obrigada Gisele, beijo de Floripa.
Jeroen
March 8, 2010Thanks for the mention, great list to be mentioned in, makes a designer humble
Jusuf
March 8, 2010simply love adflavor.net template
great article thank you
Steve Mullen
March 8, 2010I love textures! A nice clean site can be quite great, but my favorites to design always have great texture. Thanks for sharing.
Tidy Design
March 8, 2010I like the Chalet Minouchet website… Very tidy! Cool collection
Matt Hamm
March 8, 2010Ah shucks! you missed my website out:
http://www.matthamm.com
Nice list though.
Kilian Muster
March 9, 2010Thanks for the link!
I feel honoured to see my site alongside all these other brilliant designs.
I don’t know what happened but my redesigned site has been picked up by several design blogs lately, I’m seeing a 700% increase in traffic.
Kilian
BebopDesigner
March 9, 2010Beautiful collection! My favourites are Healthy Harvest and Spoon graphics. They’re brilliant!
Thanks for sharing
Divyesh Ardeshana
March 9, 2010Nice collection. we get idea from it…
Northern Ireland Hotels
March 9, 2010Superb collection as usual!
Bookmarked and shared for inspiration later in the year.
Cheers,
Lee.
looglitic
March 9, 2010nice collection here, keep it coming!
Jay Grandin
March 9, 2010Thanks for the mention, WDL! We’re pumped to be part of such a luscious list.
xo
Jay and the Giant Ant Media team
Jessica
March 9, 2010Wonderful collection; very inspiring. And thank you for including Corvus Design Studio and our client Healthy Harvest Hydro!
Nick Pettit
March 11, 2010Glad to see an article about texture. I think it’s an element and principal of art that doesn’t get the attention it deserves on the web.
Here’s a cool technique I like to use:
1. Use a CSS3 gradient or flat background color.
2. Create a black and white transparent png in Photoshop, with the opacity set really low.
3. Overlay the texture image onto the color or gradient background.
It’s pretty easy, it loads fast, and it creates great results. We just did an episode of Doctype that includes this technique: http://doctype.tv/websql
Leah
March 16, 2010Great collection! thanks for sharing.
Sam
March 24, 2010Great collections. Nice texture in the websites. I like it.
G13media
April 3, 2010Awesome round up of textured sites. A few very creative examples in there
Matt
June 30, 2010LOVE the designs! Lots of creative inspiration here!.
FELIPE
July 12, 2010BEAUTIFUL WORKS….
vuitton
August 10, 2010t’s just great how you used the company as an example! Wonderful read, as always.
Haavard from Aurstad Web Consulting
August 26, 2010Nice designs Gisele. Using textures sure give a great touch to the final design. Great inspiration! Thanks for sharing.
Ashish
November 17, 2011Very Good nice beautiful & wonderfull Collection Design
SavorWeb
March 8, 2012Amazing designs. An excellent resource for our custom website design company!
1 Trackback
[...] = 'webdesignledger'; tweetmeme_service = 'bit.ly'; Share Our first post showcasing 50 Inspiring Textured Web Designs was a success and we received many nice comments and great feedback from you guys – something [...]