Smashing Magazine - we smash you with the information that will make your life easier. really.

Showcase Of Beautiful Textured Web Designs

Advertisement

Textures have become more popular and been put to greater use in recent years. They’re not limited to Web design either; textures of all kinds are used in print design, illustration, traditional art, TV commercials… you name it! Texture is one of the best ways to add depth to your design, whether it’s subtle noise on a clean vector illustration or a lot of grunginess throughout a layout.

Over the last weeks we collected numerous examples of beautiful textured Web designs to inspire you, followed by a small collection of links to help you get started in using textures in your own designs.

If you like this post, you may be interested in reading some of our other texture-related articles:

Textured Web Designs

Loukotka

Lou in Showcase Of Beautiful Textured Web Designs

FT Designer

Ftdesignernet in Showcase Of Beautiful Textured Web Designs

Cole & Weber

Colewebercom in Showcase Of Beautiful Textured Web Designs

Jason Julien

Jasonjuliencom in Showcase Of Beautiful Textured Web Designs

Trinity Irish Pub

Trinity in Showcase Of Beautiful Textured Web Designs

The Klog

Klog in Showcase Of Beautiful Textured Web Designs

Alex Coleman

Alexcolemannet in Showcase Of Beautiful Textured Web Designs

Bergedorf

Bergedorfdk in Showcase Of Beautiful Textured Web Designs

Big Cartel

Bigcartelcom in Showcase Of Beautiful Textured Web Designs

Stuck in Customs

Stuckincustomscom in Showcase Of Beautiful Textured Web Designs

Bill C. English

Billcenglishcom in Showcase Of Beautiful Textured Web Designs

Boerne Wild West Day

Boernewildwestdaycom in Showcase Of Beautiful Textured Web Designs

Brown Blog Films

Brownblogfilmscom in Showcase Of Beautiful Textured Web Designs

Chouteaus Landing

Chouteauslandingcom in Showcase Of Beautiful Textured Web Designs

Ctrl+N Diseño Gráfico

Ctrlncomar in Showcase Of Beautiful Textured Web Designs

Cubeclub Chemnitz

Cubeclub-chemnitzde in Showcase Of Beautiful Textured Web Designs

Danny Diablo

Dannydiablode in Showcase Of Beautiful Textured Web Designs

Demain Jarrete

Demainjarrete in Showcase Of Beautiful Textured Web Designs

DH Cards

Dhcardscom in Showcase Of Beautiful Textured Web Designs

Dibtych

Dibtychde in Showcase Of Beautiful Textured Web Designs

Douglas Menezes

Douglasmenezescomslashwp in Showcase Of Beautiful Textured Web Designs

Eliseos

Eliseosnet in Showcase Of Beautiful Textured Web Designs

Fudge

Fudgecom in Showcase Of Beautiful Textured Web Designs

5 Pieces

5piecescom in Showcase Of Beautiful Textured Web Designs

Glocal Ventures

Glocalventuresorg in Showcase Of Beautiful Textured Web Designs

Handcrafted CSS

Handcraftedcsscom in Showcase Of Beautiful Textured Web Designs

Inner Metro Green

Innermetrogreencom in Showcase Of Beautiful Textured Web Designs

Introzo

Introzocom in Showcase Of Beautiful Textured Web Designs

53 Mondays

53mondayscom in Showcase Of Beautiful Textured Web Designs

Island Photobooth

Islandphotoboothcom in Showcase Of Beautiful Textured Web Designs

Mutant Labs

Mutantlabscouk in Showcase Of Beautiful Textured Web Designs

Legwork Studio

Legworkstudiocom in Showcase Of Beautiful Textured Web Designs

Le Web Défi

Lewebdeficom in Showcase Of Beautiful Textured Web Designs

Lilly Stable

Lillystablecom in Showcase Of Beautiful Textured Web Designs

Love Freelancing

Lovefreelancingcom in Showcase Of Beautiful Textured Web Designs

Mark Forrester

Markforrestercoza in Showcase Of Beautiful Textured Web Designs

Markup & Style

Markupandstyleorg in Showcase Of Beautiful Textured Web Designs

Martin Anderle

Martinanderlede in Showcase Of Beautiful Textured Web Designs

Matt Salik

Mattsalikcom in Showcase Of Beautiful Textured Web Designs

Merge Web

Mergewebcom in Showcase Of Beautiful Textured Web Designs

Meson Projekt Blog

Mesonprojektcomslashblog in Showcase Of Beautiful Textured Web Designs

Morphix

Morphixsi in Showcase Of Beautiful Textured Web Designs

Mother Earth Brewing

Motherearthbrewingcom in Showcase Of Beautiful Textured Web Designs

New to York

Newtoyorkcom in Showcase Of Beautiful Textured Web Designs

Orange Label

Orangelabelcom in Showcase Of Beautiful Textured Web Designs

Pampaneo

Pampaneoes in Showcase Of Beautiful Textured Web Designs

Piz’za-za

Pizzazaca in Showcase Of Beautiful Textured Web Designs

River City Church

Rccjaxcom in Showcase Of Beautiful Textured Web Designs

Roar 4 Milk

Roar4milkca in Showcase Of Beautiful Textured Web Designs

Saddleback Leather

Saddlebackleathercom in Showcase Of Beautiful Textured Web Designs

Stack Overflow

Stackoverflowcarsonfied in Showcase Of Beautiful Textured Web Designs

Story Pixel

Storypixelcom in Showcase Of Beautiful Textured Web Designs

Sushi and Robots

Sushiandrobotscom in Showcase Of Beautiful Textured Web Designs

Texture Lovers

Textureloverscom in Showcase Of Beautiful Textured Web Designs

Tony Chester

Tonychestercom in Showcase Of Beautiful Textured Web Designs

Yodaa

Yodaacom in Showcase Of Beautiful Textured Web Designs

What Is Blik

Whatisblikcom in Showcase Of Beautiful Textured Web Designs

Yellow Bird Project

Yellowbirdprojectcom in Showcase Of Beautiful Textured Web Designs

Thunder Fuel

Thunderfuelcom in Showcase Of Beautiful Textured Web Designs

THS

Thsdotnuslashthsdotphp in Showcase Of Beautiful Textured Web Designs

Texture Downloads

Texture Tutorials

(al)

Callum Chapman is a freelance graphic designer and illustrator based in Cambridge, UK. He is the creative blogger behind Circlebox Blog, a design related blog offering articles, inspiration, tutorials and free, high-resolution textures. Drop him a line at Twitter!

Post Rating
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 5.00 out of 5)
Loading ... Loading ...

Tags: ,

Advertising
  1. 1
    spritzstuhl
    October 29th, 2009 7:52 am

    Good article!

  2. 2
    Scott Langendyk
    October 29th, 2009 8:03 am

    Great collection, only seen a handful of these before. I love a well textured website design.

  3. 3
    enatom
    October 29th, 2009 8:06 am

    Not a big fan of such complex visuals, for websites & user-interfaces.

    The Graphics in those websites are really good though.

  4. 4
    STPo
    October 29th, 2009 8:40 am

    Thank you for the mention guys!

  5. 5
    Stephan
    October 29th, 2009 8:42 am

    You missed one of the best: Check out the portfolio of Elder Jerez, amazing use of textures: http://www.progressiveone.com

  6. 6
    Mark
    October 29th, 2009 8:42 am

    Nice to see some sites with more creative and relevant textures other than the cliché ‘grunge’ effect.

  7. 7
    939 Design
    October 29th, 2009 8:46 am

    Some real cool designs here.

  8. 8
    kpjothivelu
    October 29th, 2009 9:09 am

    excellent creative !!! very useful for me!! awesome creators!!!

  9. 9
    Kerri
    October 29th, 2009 9:16 am

    Great collection—full of sites I haven’t seen before (so rare in these kind of posts these days)! Kudos.

  10. 10
    Steelrocks
    October 29th, 2009 9:19 am

    Gripping stuff!

  11. 11
    Kevin
    October 29th, 2009 9:47 am

    As pretty as some are, I can’t see them being very practical. THS has a background image that weighs in at 1.1mb. Not exactly optimized!

  12. 12
    Callum Chapman
    October 29th, 2009 10:06 am

    Glad you like it – it took a while to put this one together! Quite a lot of research went in to finding unseen sites by both me and Vitaly. Thanks for the links guys, I’ve bookmarked them for a future post! ;)

  13. 13
    Mike
    October 29th, 2009 10:46 am

    Great roundup! I think the {ths} one is pretty inspiring. Another example of combining different textures to create depth: http://aggressivepanhandler.com

  14. 14
    Skip Knox
    October 29th, 2009 11:17 am

    Seriously? Background images? Yes these are nicer than the cement and wood grain textures of fifteen years ago, but it’s still basically the same thing.

    I guess I’m with the crowd that doesn’t much care what color of paint is on the outside of the store. I’m interested in what’s inside. And I’ll guarantee you the inside doesn’t look like the outside, most times.

  15. 15
    mary fran
    October 29th, 2009 11:20 am

    fabulous collection!

  16. 16
    Micheal
    October 29th, 2009 11:23 am

    Nice collection. Better than the of last year :) More my kind of stuff ^^
    I think you should add http://nocreativity.com/blog/ too. The header and footer are pieces of artwork!

  17. 17
    Abi
    October 29th, 2009 11:26 am

    I LOVE THIS! I’m so happy you’ve posted this, this is exactly my style and I’ve been lacking inspiration of late, brill! Thanks!

  18. 18
    Symon
    October 29th, 2009 11:43 am

    Great and inspiring collection. Thanks.

  19. 19
    Ryan
    October 29th, 2009 11:56 am

    Some really unique designs here, Brown Bag films has been a favorite site of mine for awhile.

  20. 20
    Joanna
    October 29th, 2009 12:07 pm

    Texture has been a growing trend in web design and I hope it’s here to stay. I love the style. The trick here is to incorporate textures without making the designs too heavy. Many of these examples here show that texture and clean design can work together beautifully.

    Great selections, love so many.

  21. 21
    Dan
    October 29th, 2009 12:55 pm

    Awesome round up! Textured is a great design style that doesn’t get enough press. Not only is it difficult to design, but converting to HTML is no walk in the park.

  22. 22
    Jessica
    October 29th, 2009 1:43 pm

    Oh, wow. Remarkable.

  23. 23
    Prez
    October 29th, 2009 2:58 pm

    Some genuinely beautiful and clever sites – most are portfolio sites it would seem. No harm in that. Translating this into the corporate online world might not be the way to go but inspirational nonetheless.

    Well done SM. Keep up the great work.

  24. 24
    Jason
    October 29th, 2009 4:29 pm

    FYI the Handcrafted CSS link is broken.

  25. 25
    Alex
    October 29th, 2009 5:11 pm

    Thanks for the mention and great collection. Congrates !

  26. 26
    Christopher Anderton
    October 29th, 2009 5:40 pm

    Hello. My name is *input your name here*. I’m a designer and….

    AHHHHHHHHHH!! :)

  27. 27
    Alexis
    October 29th, 2009 9:19 pm

    Thanks for mention Eliseos You guys rock!

  28. 28
    sankoodali
    October 29th, 2009 10:11 pm

    Beautyful collections!!!!!!!!!

  29. 29
    Lesly Garreau
    October 29th, 2009 11:52 pm

    Thanks for the mention dude and great collection. Congrates !

  30. 30
    Albert
    October 30th, 2009 12:05 am

    Congrats….Nice collection

  31. 31
    Klime Matoski
    October 30th, 2009 1:24 am

    Check this one also : http://www.skovin.com.mk

  32. 32
    Tom
    October 30th, 2009 1:44 am

    Great!

  33. 33
    jm
    October 30th, 2009 1:45 am

    Martin Anderle’s site is totally gorgeous!!

  34. 34
    Eli
    October 30th, 2009 2:22 am

    Now that’s a roundup. Love texture and love learning how to better use it, especially in web design.

  35. 35
    Sandstream
    October 30th, 2009 2:26 am

    Thanks for taking the time to collect these beatiful sites of inspiration!

  36. 36
    Maicon Sobczak
    October 30th, 2009 3:12 am

    Amazin!

  37. 37
    Lesly Garreau
    October 30th, 2009 3:48 am

    I post a news about this post in our 53mondays blog. We very happy in agency ^^.

  38. 38
    Daniel Peplow
    October 30th, 2009 3:50 am

    Some awesome work there – really impressive stuff. Check out In Safe Hands Childcare for another good use textured background

  39. 39
    Morphix
    October 30th, 2009 4:53 am

    Thank you guys at Smashing Magazine for mentioning our site!

  40. 40
    martinanderle
    October 30th, 2009 6:07 am

    hey, thanks for mentioning my site – nice collection :)))
    greetz from frankfurt

  41. 41
    Brett
    October 30th, 2009 6:23 am

    I can’t help but find the header in the second example funny.

    “Hello! I’m Graphic Designer who is passionate for creating modern and functional design that provokes feelings.”

    Nice to meet you Graphic Designer, thanks for provoking feelings. I’m not going to say what type of feelings, just feelings in general will do.

  42. 42
    Dustin Evans
    October 30th, 2009 6:27 am

    thanks for recognizing “Trinity Irish Pub” it was a tuff one :)

  43. 43
    Francis Mozier
    October 30th, 2009 7:48 am

    many of these showing that usability and personality are awesome together, a break from the tired clinical interfaces… faves: brown bag, ths, story pixel, sushi/robots

  44. 44
    Jose Martinez
    October 30th, 2009 9:36 am

    Another one:

    http://grafitio.com

  45. 45
    Lisa & Danny Bergedorf
    October 30th, 2009 9:38 am

    Thank you so much for mentioning our website – and thank you so much to our designer too. Thank you :-)

    We really like some of the others to..

  46. 46
    Karl Francisco Fernandes
    October 30th, 2009 10:04 am

    Thank you Smashing Magazine for this mention! This is a dream come true. Cheers!

  47. 47
    Mike
    October 30th, 2009 10:46 am

    awesome reference post, but am i the only one who is sick of seeing layers and layers of dirty paper, stickies and paperclip collages on every other site?

  48. 48
    Adam
    October 30th, 2009 10:25 pm

    @Mike
    I agree. I’m tired of seeing every other website I visit using these design elements in them.

    Though, I do like this collection. Inspirational!

  49. 49
    matthew carleton
    October 31st, 2009 5:22 am

    I love textured sites.

  50. 50
    Floris Fiedeldij Dop
    October 31st, 2009 6:11 am

    I love these designs, but they are just too much. It is a puzzle to read what the content of the site is sometimes. Everything in moderation, seems to be forgotten here, sometimes. Many are excellent. Great inspiration.

  51. 51
    Rodi
    November 2nd, 2009 2:45 am

    Just came across this http://www.livingdesign.info/

  52. 52
    Grant
    November 16th, 2009 5:05 pm

    Thanks for the feature! Minor correction: the site is Lilly’s Table, not Lilly Stable.

  1. 00

    There are no trackbacks at this time. If you are interested in leaving a trackback, please use this URL.

Leave a Comment

Make sure you enter the * required information where indicated. Please also rate the article as it will help us decide future content and posts. Comments are moderated – and rel="nofollow" is in use. Please no link dropping, no keywords or domains as names; do not spam, and do not advertise!



Advertisement Advertise with us!
Join in Smashing Forum
Post your job