50 Inspiring Textured Web Designs

By / Mar 8, 2010 / Inspiration
shares

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.

texturedsites13

ok.cogaoke.com

texturedsites14

theiheartfilm.com

texturedsites15

scheppsdesign.com

texturedsites16

giantantmedia.com

texturedsites17

adflavor.net

texturedsites18

Voices of Haiti

texturedsites01

maggietaylor.com

texturedsites02

jamesmli.net

texturedsites03

freshlimesoda

texturedsites04

monkeyworks illustration

texturedsites05

jeroenhoman.com

texturedsites06

Chalet Minouchet

texturedsites07

LogicbombMedia

texturedsites08

swiths.com

texturedsites09

established1986.com

texturedsites11

crush + lovely

texturedsites12

Walk to Washington

DPS – Designer Peter Steven

texturedsites19

harmonyrepublic.com

texturedsites20

bikeandsaddle.com

texturedsites21

Istok Pavlovic

texturedsites22

spoutcreative.com

texturedsites23

custodialabuse.org

texturedsites24

the Blizzards

texturedsites25

the darling tree

texturedsites26

giantantmedia.com

texturedsites27

frisk web

texturedsites28

villadario.it

texturedsites29

Min Tran’s Blog

texturedsites30

nickstedt.de

texturedsites32

theseen.biz

texturedsites35

colazionedamichy.it

texturedsites39

Jobs on The Wall

texturedsites40

goodbytes.be

texturedsites41

Healthy Harvest

texturedsites42

dnadarwin.org

texturedsites43

spoongraphics

texturedsites44

Inspire 2010

texturedsites45

kilian muster

texturedsites46

carolrivello

texturedsites47

xgraphica.com

texturedsites48

Ronnie Wright

texturedsites49

Camille Boidron

texturedsites50

Divensis

texturedsites51

KalyanChatterjee

texturedsites52

designfabrika

texturedsites53

thinkup.org

texturedsites54

corvus

texturedsites55

pixelthread

texturedsites56

baneydesign

texturedsites57

About the Author

Gisele Muller loves communication, technology, web, design, movies, gastronomy and creativity. Web writer, portuguese/english translator and co founder of @refilmagem & @mentaway Twitter: @gismullr

34 Comments

  1. Sebastian
    March 8, 2010

    A very nice list – good for inspiration! :-)

    greets from germany…

    Reply
  2. Daniel Long
    March 8, 2010

    There 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.

    Reply
  3. Darja
    March 8, 2010

    Really 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.

    Reply
  4. Jordan Walker
    March 8, 2010

    I really like to see different textures on a website, makes it feel more realistic.

    Reply
  5. Hillary H.
    March 8, 2010

    Beautiful. I love textured designs, it brings a whole new element to it, and draws people in. Thanks for the list!

    Reply
  6. matt
    March 8, 2010

    lovely designs, they really make the site. i do enjoy that think up one

    Reply
  7. Nick Hand
    March 8, 2010

    You 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 :)

    Reply
  8. Sarah Lynn
    March 8, 2010

    This 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.

    Reply
  9. Melody
    March 8, 2010

    I love how the textures for these designs are not too overpowering..very nice selection..

    Reply
  10. Amberly | Web Designer
    March 8, 2010

    Such a nice collection.
    What a Brilliant example you have featured here. theseen.biz i love it.

    Reply
  11. Carol Rivello
    March 8, 2010

    Hey, thanks for featuring me! :)

    Obrigada Gisele, beijo de Floripa.

    Reply
  12. Jeroen
    March 8, 2010

    Thanks for the mention, great list to be mentioned in, makes a designer humble :)

    Reply
  13. Jusuf
    March 8, 2010

    simply love adflavor.net template
    great article thank you

    Reply
  14. Steve Mullen
    March 8, 2010

    I love textures! A nice clean site can be quite great, but my favorites to design always have great texture. Thanks for sharing.

    Reply
  15. Tidy Design
    March 8, 2010

    I like the Chalet Minouchet website… Very tidy! Cool collection :D

    Reply
  16. Matt Hamm
    March 8, 2010

    Ah shucks! you missed my website out:
    http://www.matthamm.com

    Nice list though.

    Reply
  17. Kilian Muster
    March 9, 2010

    Thanks 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

    Reply
  18. BebopDesigner
    March 9, 2010

    Beautiful collection! My favourites are Healthy Harvest and Spoon graphics. They’re brilliant!

    Thanks for sharing

    Reply
  19. Divyesh Ardeshana
    March 9, 2010

    Nice collection. we get idea from it…

    Reply
  20. Northern Ireland Hotels
    March 9, 2010

    Superb collection as usual!

    Bookmarked and shared for inspiration later in the year.

    Cheers,

    Lee.

    Reply
  21. looglitic
    March 9, 2010

    nice collection here, keep it coming!

    Reply
  22. Jay Grandin
    March 9, 2010

    Thanks for the mention, WDL! We’re pumped to be part of such a luscious list.

    xo

    Jay and the Giant Ant Media team

    Reply
  23. Jessica
    March 9, 2010

    Wonderful collection; very inspiring. And thank you for including Corvus Design Studio and our client Healthy Harvest Hydro!

    Reply
  24. Nick Pettit
    March 11, 2010

    Glad 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

    Reply
  25. Leah
    March 16, 2010

    Great collection! thanks for sharing.

    Reply
  26. Sam
    March 24, 2010

    Great collections. Nice texture in the websites. I like it.

    Reply
  27. G13media
    April 3, 2010

    Awesome round up of textured sites. A few very creative examples in there

    Reply
  28. Matt
    June 30, 2010

    LOVE the designs! Lots of creative inspiration here!.

    Reply
  29. FELIPE
    July 12, 2010

    BEAUTIFUL WORKS….

    Reply
  30. 50 Inspiring Examples of Texture in Web Design | Inspiration
    July 27, 2010

    [...] = '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 [...]

    Reply
  31. vuitton
    August 10, 2010

    t’s just great how you used the company as an example! Wonderful read, as always.

    Reply
  32. Haavard from Aurstad Web Consulting
    August 26, 2010

    Nice designs Gisele. Using textures sure give a great touch to the final design. Great inspiration! Thanks for sharing.

    Reply
  33. Ashish
    November 17, 2011

    Very Good nice beautiful & wonderfull Collection Design

    Reply
  34. SavorWeb
    March 8, 2012

    Amazing designs. An excellent resource for our custom website design company!

    Reply

Leave a Reply