Menu Search
Jump to the content X X
Smashing Conf San Francisco

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 San Francisco, 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

Advertisement

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

↑ Back to top