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 Coleman

Alex Coleman

Bergedorf14

Bergedorf15

Big Cartel16

Big Cartel17

Stuck in Customs18

Stuck in Customs19

Bill C. English20

Bill C. English21

Boerne Wild West Day

Boerne Wild West Day

Brown Blog Films22

Brown Blog Films23

Chouteaus Landing24

Chouteaus Landing25

Ctrl+N Diseño Gráfico26

Ctrl+N Diseño Gráfico27

Cubeclub Chemnitz

Cubeclub Chemnitz

Danny Diablo28

Danny Diablo29

Demain Jarrete30

Demain Jarrete31

DH Cards32

DH Cards33

Dibtych34

Dibtych35

Douglas Menezes36

Douglas Menezes37

Eliseos38

Eliseos39

Fudge40

Fudge41

5 Pieces42

5 Pieces43

Glocal Ventures44

Glocal Ventures45

Handcrafted CSS46

Handcrafted CSS

Inner Metro Green47

Inner Metro Green48

Introzo49

Introzo50

53 Mondays51

53 Mondays52

Island Photobooth53

Island Photobooth54

Mutant Labs55

Mutant Labs56

Legwork Studio57

Legwork Studio58

Le Web Défi

Le Web Défi

Lilly Stable59

Lilly Stable60

Love Freelancing61

Love Freelancing62

Mark Forrester63

Mark Forrester64

Markup & Style

Markup & Style

Martin Anderle65

Martin Anderle66

Matt Salik67

Matt Salik68

Merge Web69

Merge Web70

Meson Projekt Blog71

Meson Projekt Blog72

Morphix73

Morphix74

Mother Earth Brewing75

Mother Earth Brewing76

New to York77

New to York78

Orange Label79

Orange Label80

Pampaneo81

Pampaneos82

Piz’za-za83

Piz'za-za84

River City Church85

River City Church86

Roar 4 Milk87

Roar 4 Milk88

Saddleback Leather89

Saddleback Leather90

Stack Overflow

Stack Overflow

Story Pixel

Story Pixel

Sushi and Robots91

Sushi and Robots92

Texture Lovers93

Texture Lovers94

Tony Chester

Tony Chester

Yodaa95

Yodaa96

What Is Blik97

What Is Blik98

Yellow Bird Project99

Yellow Bird Project100

Thunder Fuel101

Thunder Fuel102

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