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

We use ad-blockers as well, you know. 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. upcoming SmashingConf New York, dedicated to smart front-end techniques and design patterns.

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 Link

Loukotka

Loukotka

FT Designer4

FT Designer5

Cole & Weber6

Cole & Weber7

Jason Julien8

Jason Julien9

Trinity Irish Pub10

Trinity Irish Pub11

The Klog12

Klog13

Alex Coleman14

Alex Coleman15

Bergedorf16

Bergedorf17

Big Cartel18

Big Cartel19

Stuck in Customs20

Stuck in Customs21

Bill C. English22

Bill C. English23

Boerne Wild West Day

Boerne Wild West Day

Brown Blog Films24

Brown Blog Films25

Chouteaus Landing26

Chouteaus Landing27

Ctrl+N Diseño Gráfico28

Ctrl+N Diseño Gráfico29

Cubeclub Chemnitz

Cubeclub Chemnitz

Danny Diablo30

Danny Diablo31

Demain Jarrete32

Demain Jarrete33

DH Cards34

DH Cards35

Dibtych36

Dibtych37

Douglas Menezes38

Douglas Menezes39

Eliseos40

Eliseos41

Fudge42

Fudge43

5 Pieces44

5 Pieces45

Glocal Ventures46

Glocal Ventures47

Handcrafted CSS48

Handcrafted CSS

Inner Metro Green49

Inner Metro Green50

Introzo51

Introzo52

53 Mondays53

53 Mondays54

Island Photobooth55

Island Photobooth56

Mutant Labs57

Mutant Labs58

Legwork Studio59

Legwork Studio60

Le Web Défi

Le Web Défi

Lilly Stable61

Lilly Stable62

Love Freelancing63

Love Freelancing64

Mark Forrester65

Mark Forrester66

Markup & Style

Markup & Style

Martin Anderle67

Martin Anderle68

Matt Salik69

Matt Salik70

Merge Web71

Merge Web72

Meson Projekt Blog73

Meson Projekt Blog74

Morphix75

Morphix76

Mother Earth Brewing77

Mother Earth Brewing78

New to York79

New to York80

Orange Label81

Orange Label82

Pampaneo83

Pampaneos84

Piz’za-za85

Piz'za-za86

River City Church87

River City Church88

Roar 4 Milk89

Roar 4 Milk90

Saddleback Leather91

Saddleback Leather92

Stack Overflow

Stack Overflow

Story Pixel

Story Pixel

Sushi and Robots93

Sushi and Robots94

Texture Lovers95

Texture Lovers96

Tony Chester

Tony Chester

Yodaa97

Yodaa98

What Is Blik99

What Is Blik100

Yellow Bird Project101

Yellow Bird Project102

Thunder Fuel103

Thunder Fuel104

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://www.koodoz.com.au/klog/
  13. 13 http://www.koodoz.com.au/klog/
  14. 14 http://alexcoleman.net/
  15. 15 http://alexcoleman.net/
  16. 16 http://bergedorf.dk/
  17. 17 http://bergedorf.dk
  18. 18 http://bigcartel.com/
  19. 19 http://bigcartel.com/
  20. 20 http://stuckincustoms.com/
  21. 21 http://stuckincustoms.com/
  22. 22 http://billcenglish.com/
  23. 23 http://billcenglish.com/
  24. 24 http://brownblogfilms.com/
  25. 25 http://brownblogfilms.com/
  26. 26 http://www.chouteauslanding.com/
  27. 27 http://www.chouteauslanding.com/
  28. 28 http://ctrln.comyr.com/
  29. 29 http://ctrln.comyr.com/
  30. 30 http://dannydiablo.de/
  31. 31 http://dannydiablo.de/
  32. 32 http://demainjarrete.stpo.fr/blog-52-demain-j-arrete-faith-no-more.html
  33. 33 http://demainjarrete.stpo.fr/blog-52-demain-j-arrete-faith-no-more.html
  34. 34 http://dhcards.com/
  35. 35 http://dhcards.com/
  36. 36 http://dibtych.de/
  37. 37 http://dibtych.de/
  38. 38 http://douglasmenezes.com/wp
  39. 39 http://douglasmenezes.com/wp
  40. 40 http://eliseos.net/
  41. 41 http://eliseos.net/
  42. 42 http://madebyfudge.com/
  43. 43 http://madebyfudge.com/
  44. 44 http://5pieces.com/
  45. 45 http://5pieces.com/
  46. 46 http://glocalventures.org/
  47. 47 http://glocalventures.org/
  48. 48 http://handcraftedcss.com/
  49. 49 http://innermetrogreen.com/
  50. 50 http://innermetrogreen.com/
  51. 51 http://introzo.com/
  52. 52 http://introzo.com/
  53. 53 http://53mondays.com/
  54. 54 http://53mondays.com/
  55. 55 http://islandphotobooth.com/
  56. 56 http://islandphotobooth.com/
  57. 57 http://mutantlabs.co.uk/
  58. 58 http://mutantlabs.co.uk/
  59. 59 http://legworkstudio.com/
  60. 60 http://legworkstudio.com/
  61. 61 http://lillystable.com/
  62. 62 http://lillystable.com/
  63. 63 http://lovefreelancing.com/
  64. 64 http://lovefreelancing.com/
  65. 65 http://markforrester.co.za/
  66. 66 http://markforrester.co.za/
  67. 67 http://martinanderle.de/
  68. 68 http://martinanderle.de/
  69. 69 http://mattsalik.com/
  70. 70 http://mattsalik.com/
  71. 71 http://mergeweb.com/
  72. 72 http://mergeweb.com/
  73. 73 http://mesonprojekt.com/blog
  74. 74 http://mesonprojekt.com/blog
  75. 75 http://morphix.si/
  76. 76 http://morphix.si/
  77. 77 http://motherearthbrewing.com/
  78. 78 http://motherearthbrewing.com/
  79. 79 http://newtoyork.com/
  80. 80 http://newtoyork.com/
  81. 81 http://orangelabel.com/
  82. 82 http://orangelabel.com/
  83. 83 http://pampaneo.es/
  84. 84 http://pampaneo.es/
  85. 85 http://www.pizzaza.ca/restaurant/bar_a_vin.php
  86. 86 http://www.pizzaza.ca/restaurant/bar_a_vin.php
  87. 87 http://rccjax.com/
  88. 88 http://rccjax.com/
  89. 89 http://roar4milk.ca/
  90. 90 http://roar4milk.ca/
  91. 91 http://saddlebackleather.com/
  92. 92 http://saddlebackleather.com/
  93. 93 http://sushiandrobots.com/
  94. 94 http://sushiandrobots.com/
  95. 95 http://texturelovers.com/
  96. 96 http://texturelovers.com/
  97. 97 http://yodaa.com/
  98. 98 http://yodaa.com/
  99. 99 http://whatisblik.com/
  100. 100 http://whatisblik.com/
  101. 101 http://yellowbirdproject.com/
  102. 102 http://yellowbirdproject.com/
  103. 103 http://thunderfuel.com/
  104. 104 http://thunderfuel.com/
  105. 105 http://www.texturelovers.com/
  106. 106 http://lostandtaken.com/
  107. 107 http://zentextures.com/
  108. 108 http://www.lovetextures.com/
  109. 109 http://webtreats.mysitemyway.com/
  110. 110 http://circleboxtextures.com/
  111. 111 http://texturevault.net/
  112. 112 http://textur.es/
  113. 113 http://www.webdesigndev.com/photoshop/how-to-create-a-green-grunge-web-layout
  114. 114 http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-a-textured-grungy-3d-type-design
  115. 115 http://www.tutorialboard.net/texture-layer-modes/
  116. 116 http://www.tutorial9.net/photoshop/design-a-stylish-retro-game-boy-poster-in-photoshop/
  117. 117 http://www.tutorial9.net/photoshop/add-visual-texture-3-easy-steps/
  118. 118 http://circleboxblog.com/2009/tutorials/how-to-create-a-texture-based-poster-in-photoshop/
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf New York, on June 14–15, with smart design patterns and front-end techniques.

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

Advertisement
  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

↑ Back to top