Menu Search
Jump to the content X X
Smashing Conf New York

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

Showcase Of Beautiful Textured Web Designs

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 Link

Loukotka

Loukotka

FT Designer4

FT Designer5

Cole & Weber6

Cole & Weber7

Jason Julien8

Jason Julien9

Trinity Irish Pub10

Trinity Irish Pub11

The Klog

Klog

Alex Coleman

Alex Coleman

Bergedorf12

Bergedorf13

Big Cartel14

Big Cartel15

Stuck in Customs16

Stuck in Customs17

Bill C. English18

Bill C. English19

Boerne Wild West Day

Boerne Wild West Day

Brown Blog Films20

Brown Blog Films21

Chouteaus Landing22

Chouteaus Landing23

Ctrl+N Diseño Gráfico24

Ctrl+N Diseño Gráfico25

Cubeclub Chemnitz

Cubeclub Chemnitz

Danny Diablo26

Danny Diablo27

Demain Jarrete28

Demain Jarrete29

DH Cards30

DH Cards31

Dibtych32

Dibtych33

Douglas Menezes

Douglas Menezes

Eliseos34

Eliseos35

Fudge36

Fudge37

5 Pieces38

5 Pieces39

Glocal Ventures40

Glocal Ventures41

Handcrafted CSS42

Handcrafted CSS

Inner Metro Green43

Inner Metro Green44

Introzo

Introzo

53 Mondays45

53 Mondays46

Island Photobooth47

Island Photobooth48

Mutant Labs49

Mutant Labs50

Legwork Studio51

Legwork Studio52

Le Web Défi

Le Web Défi

Lilly Stable53

Lilly Stable54

Love Freelancing

Love Freelancing

Mark Forrester55

Mark Forrester56

Markup & Style

Markup & Style

Martin Anderle57

Martin Anderle58

Matt Salik59

Matt Salik60

Merge Web61

Merge Web62

Meson Projekt Blog

Meson Projekt Blog

Morphix63

Morphix64

Mother Earth Brewing65

Mother Earth Brewing66

New to York67

New to York68

Orange Label69

Orange Label70

Pampaneo71

Pampaneos72

Piz’za-za73

Piz'za-za74

River City Church75

River City Church76

Roar 4 Milk77

Roar 4 Milk78

Saddleback Leather79

Saddleback Leather80

Stack Overflow

Stack Overflow

Story Pixel

Story Pixel

Sushi and Robots81

Sushi and Robots82

Texture Lovers83

Texture Lovers84

Tony Chester

Tony Chester

Yodaa85

Yodaa86

What Is Blik87

What Is Blik88

Yellow Bird Project89

Yellow Bird Project90

Thunder Fuel91

Thunder Fuel92

THS

THS

Texture Downloads Link

Texture Tutorials Link

(al)

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2009/02/06/100-beautiful-free-textures/
  2. 2 https://www.smashingmagazine.com/2008/07/09/textures-and-patterns-design-showcase/
  3. 3 https://www.smashingmagazine.com/2009/01/07/textures-in-modern-web-design/
  4. 4 http://ftdesigner.net/
  5. 5 http://ftdesigner.net/
  6. 6 http://coleweber.com/
  7. 7 http://coleweber.com/
  8. 8 http://jasonjulien.com/
  9. 9 http://jasonjulien.com/
  10. 10 http://thetrinitypub.com/
  11. 11 http://thetrinitypub.com/
  12. 12 http://bergedorf.dk/
  13. 13 http://bergedorf.dk
  14. 14 http://bigcartel.com/
  15. 15 http://bigcartel.com/
  16. 16 http://stuckincustoms.com/
  17. 17 http://stuckincustoms.com/
  18. 18 http://billcenglish.com/
  19. 19 http://billcenglish.com/
  20. 20 http://brownblogfilms.com/
  21. 21 http://brownblogfilms.com/
  22. 22 http://www.chouteauslanding.com/
  23. 23 http://www.chouteauslanding.com/
  24. 24 http://ctrln.comyr.com/
  25. 25 http://ctrln.comyr.com/
  26. 26 http://dannydiablo.de/
  27. 27 http://dannydiablo.de/
  28. 28 http://demainjarrete.stpo.fr/blog-52-demain-j-arrete-faith-no-more.html
  29. 29 http://demainjarrete.stpo.fr/blog-52-demain-j-arrete-faith-no-more.html
  30. 30 http://dhcards.com/
  31. 31 http://dhcards.com/
  32. 32 http://dibtych.de/
  33. 33 http://dibtych.de/
  34. 34 http://eliseos.net/
  35. 35 http://eliseos.net/
  36. 36 http://madebyfudge.com/
  37. 37 http://madebyfudge.com/
  38. 38 http://5pieces.com/
  39. 39 http://5pieces.com/
  40. 40 http://glocalventures.org/
  41. 41 http://glocalventures.org/
  42. 42 http://handcraftedcss.com/
  43. 43 http://innermetrogreen.com/
  44. 44 http://innermetrogreen.com/
  45. 45 http://53mondays.com/
  46. 46 http://53mondays.com/
  47. 47 http://islandphotobooth.com/
  48. 48 http://islandphotobooth.com/
  49. 49 http://mutantlabs.co.uk/
  50. 50 http://mutantlabs.co.uk/
  51. 51 http://legworkstudio.com/
  52. 52 http://legworkstudio.com/
  53. 53 http://lillystable.com/
  54. 54 http://lillystable.com/
  55. 55 http://markforrester.co.za/
  56. 56 http://markforrester.co.za/
  57. 57 http://martinanderle.de/
  58. 58 http://martinanderle.de/
  59. 59 http://mattsalik.com/
  60. 60 http://mattsalik.com/
  61. 61 http://mergeweb.com/
  62. 62 http://mergeweb.com/
  63. 63 http://morphix.si/
  64. 64 http://morphix.si/
  65. 65 http://motherearthbrewing.com/
  66. 66 http://motherearthbrewing.com/
  67. 67 http://newtoyork.com/
  68. 68 http://newtoyork.com/
  69. 69 http://orangelabel.com/
  70. 70 http://orangelabel.com/
  71. 71 http://pampaneo.es/
  72. 72 http://pampaneo.es/
  73. 73 http://www.pizzaza.ca/restaurant/bar_a_vin.php
  74. 74 http://www.pizzaza.ca/restaurant/bar_a_vin.php
  75. 75 http://rccjax.com/
  76. 76 http://rccjax.com/
  77. 77 http://roar4milk.ca/
  78. 78 http://roar4milk.ca/
  79. 79 http://saddlebackleather.com/
  80. 80 http://saddlebackleather.com/
  81. 81 http://sushiandrobots.com/
  82. 82 http://sushiandrobots.com/
  83. 83 http://texturelovers.com/
  84. 84 http://texturelovers.com/
  85. 85 http://yodaa.com/
  86. 86 http://yodaa.com/
  87. 87 http://whatisblik.com/
  88. 88 http://whatisblik.com/
  89. 89 http://yellowbirdproject.com/
  90. 90 http://yellowbirdproject.com/
  91. 91 http://thunderfuel.com/
  92. 92 http://thunderfuel.com/
  93. 93 http://www.texturelovers.com/
  94. 94 http://lostandtaken.com/
  95. 95 http://zentextures.com/
  96. 96 http://www.lovetextures.com/
  97. 97 http://webtreats.mysitemyway.com/
  98. 98 http://circleboxtextures.com/
  99. 99 http://texturevault.net/
  100. 100 http://textur.es/
  101. 101 http://www.webdesigndev.com/photoshop/how-to-create-a-green-grunge-web-layout
  102. 102 http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-a-textured-grungy-3d-type-design
  103. 103 http://www.tutorialboard.net/texture-layer-modes/
  104. 104 http://www.tutorial9.net/photoshop/design-a-stylish-retro-game-boy-poster-in-photoshop/
  105. 105 http://www.tutorial9.net/photoshop/add-visual-texture-3-easy-steps/
  106. 106 http://circleboxblog.com/2009/tutorials/how-to-create-a-texture-based-poster-in-photoshop/

↑ Back to top Tweet itShare on Facebook

Callum Chapman is a self-employed blogger and graphic/web designer. He has recently launched a blog dedicated to visual inspiration for designers, photographers and artists called The Inspiration Blog.

  1. 1

    Good article!

    0
  2. 2

    Scott Langendyk

    October 29, 2009 8:03 am

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

    0
  3. 3

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

    The Graphics in those websites are really good though.

    0
  4. 4

    Thank you for the mention guys!

    0
  5. 5

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

    0
  6. 6

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

    0
  7. 7

    Some real cool designs here.

    0
  8. 8

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

    0
  9. 9

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

    0
    • 10

      Thank you Kate and Jessica for hosting me today! I had so much fun as your guest today :) And Kate, thank you for the wodeurfnl review. I’m so excited (jumping up and down thrilled) to hear that you enjoyed it!!

      0
  10. 11

    Gripping stuff!

    0
  11. 12

    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!

    0
  12. 13

    Callum Chapman

    October 29, 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! ;)

    0
  13. 14

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

    0
  14. 15

    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.

    0
  15. 16

    fabulous collection!

    0
  16. 17

    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!

    0
  17. 18

    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!

    0
  18. 19

    Great and inspiring collection. Thanks.

    0
  19. 20

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

    0
  20. 21

    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.

    0
  21. 22

    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.

    0
  22. 23

    Oh, wow. Remarkable.

    0
  23. 24

    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.

    0
  24. 25

    FYI the Handcrafted CSS link is broken.

    0
  25. 26

    Thanks for the mention and great collection. Congrates !

    0
  26. 27

    Christopher Anderton

    October 29, 2009 5:40 pm

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

    AHHHHHHHHHH!! :)

    0
  27. 28

    Thanks for mention Eliseos You guys rock!

    0
  28. 29

    Beautyful collections!!!!!!!!!

    0
  29. 30

    Thanks for the mention dude and great collection. Congrates !

    0
  30. 31

    Congrats….Nice collection

    0
  31. 32

    Klime Matoski

    October 30, 2009 1:24 am

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

    0
  32. 33
  33. 34

    Martin Anderle’s site is totally gorgeous!!

    0
  34. 35

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

    0
  35. 36

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

    0
  36. 37

    Maicon Sobczak

    October 30, 2009 3:12 am

    Amazin!

    0
  37. 38

    Thank you guys at Smashing Magazine for mentioning our site!

    0
  38. 39

    martinanderle

    October 30, 2009 6:07 am

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

    0
  39. 40

    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.

    0
  40. 41

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

    0
  41. 42

    Francis Mozier

    October 30, 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

    0
  42. 43

    Jose Martinez

    October 30, 2009 9:36 am

    Another one:

    http://grafitio.com

    0
  43. 44

    Lisa & Danny Bergedorf

    October 30, 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..

    0
  44. 45

    Karl Francisco Fernandes

    October 30, 2009 10:04 am

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

    0
  45. 46

    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?

    0
  46. 47

    @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!

    0
  47. 48

    matthew carleton

    October 31, 2009 5:22 am

    I love textured sites.

    0
  48. 49

    Floris Fiedeldij Dop

    October 31, 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.

    0
  49. 50

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

    0
  50. 51

    Y, it’s very nice, thx.

    0
  51. 52

    Thunder Fuel is awesome! I love the background of it. so cool.

    0
  52. 53

    Here’s a brand new one that just launched for a Youtube celeb:

    http://www.davedays.com

    0

↑ Back to top