30 Beautifully Textured Web Designs
Textures in a web design have become a popular trend, replacing the sleek, glossy, and shiny effects that we commonly refer to as the "Web 2.0" design trend. Working with textures is difficult, but talented designers worldwide choose this route to add a depth in their designs and to exemplify their creative skills.
In this collection, you’ll find 30 gorgeous web designs that employ textures as a design component. Hopefully, you’ll become inspired to explore this design trend and apply it into your own designs.
1. WallSwaps
2. Agami Creative
3. bridge55
4. The Seen®
5. Design Jobs on the Wall
6. Carbonica
7. Pikaboo
8. Edgepoint Church
9. Jay Hafling
10. MacTarnahan’s Brewing Company
11. Helmy Bern
12. The Brown Corporation
13. Viget Advance
14. The Ernest Hemingway Collection
15. Pain is Good
16. Bart-Jan Verhoef
17. Miles Dowsett
18. iamtodd.com
19. Rockatee Home
20. The Albion Group
21. Jeffrey Sarmiento
22. Slabovia
23. Jamie’s Italian
24. Lanikai Properties
25. Sundance Documentary Film Program
26. St. Gregory’s
27. Coalmarch Productions
28. toby-powell.co.uk
29. Michela Chiucini
30. KAYINTVEEN
Got any to share?
Know if a site that has excellent use of textures? Why don’t you contribute to the discussion in the comments!
Related content
- 30 High-Quality Grunge Photoshop Brush Sets
- High-Resolution Grungy Paper Textures
- Cardboard Textures and Objects: High Resolution Pack
- 30 Beautiful Examples of Grunge in Web Design
.
51 Comments
Josh
February 21st, 2009
Awesome collection! Thanks for including the Macsbeer site!
Chris Wallace
February 21st, 2009
Nice to see you got the shit box in there. Classic.
Benjamin Reid
February 21st, 2009
Nice collection.
The same colour palette crops up a few times!
Daniel
February 21st, 2009
Hey there,
Thanks for the awesome post. Does anyone have any recommendations for resources that discuss techniques about how to incorporate texture into web design?
Love this site!!
Daniel
Naldz Graphics
February 21st, 2009
Great list of website inspirations=)Thumbs Up!=)
TechWiz
February 21st, 2009
Trends seem to be pointing towards the brown/cream flavour. All very beautiful and well designed.
James
February 21st, 2009
I really like the film grain on: http://mt-ventures.com
Check out the source too – really impressive usage of GIF and PNG files.
J
Alex Vazquez
February 22nd, 2009
Amazing!
Ben
February 22nd, 2009
Yeah… Pretty crap list of websites. Nothing special at all!
Timothy
February 22nd, 2009
Nice list. Thanks!
Jacob Gube
February 22nd, 2009
@Benjamin Reid and @TechWiz: You’re absolutely right. After this collection was constructed, I looked at it and saw the color scheme pattern as well! I’m glad I’m not the only one that realized that.
@Daniel: First, I would read Textures In Modern Web Design on Smashing Magazine by Steven Snell, it’s a great discussion on how textures are being used in modern web design.
For actual techniques, one awesome tutorial I read on PSDTUTS is Photoshop Paper Texture from Scratch, and they have many other similar tutorials on PSDTUTS.
Pompey pics
February 22nd, 2009
Very useful, I could learn a few things from these examples.
Alan
February 22nd, 2009
Only a few of these are constructed properly. The others are just poorly executed especially at their simulated texture.
luck5trike
February 22nd, 2009
awesome collection of web designs!!!
Patrick
February 22nd, 2009
Using restraint when it comes to this kind of work impresses me the most. Some of these do an outstanding job.
92009
February 22nd, 2009
what an ugly collection
Arnaud Talaia
February 22nd, 2009
Thanx for that awesome list.
I wonder if my last creation could make the cut..
http://www.massage-therapeutique.ch
Useful critics will be more than welcome ;)
Roy Nottage
February 22nd, 2009
I think Agami Creative has to be my favourite from scrolling down this list.
Thanks for posting!
austin web design
February 22nd, 2009
ugh ugh augh web 2.0 isn’t a design trend
Tom Sinclair
February 22nd, 2009
http://www.drmartensforlife.com
Great collection, thought I’d add to the mix! A nicely textured website I finished developing a few weeks ago! :)
david
February 22nd, 2009
I don’t know kind of an old design this is old like 5 years + old. don’t believe me, look at MS server nt’s box. that’s older than 5 years, and this looks is stemming from the celtic tattoo which stems from grunge back in the early 90’s. that gritty earthy look from seven the movie w. pitt and freeman. that whole 50’s retro thing was big on web sites in the early 2000-2001. Whoo hoo I can cut n past adobe photoshop stencils I am an artist. OLD OLD OLD.
I am hoping that graphic designers can get off their asses and drive a new look that not just recycled crud.
I dare them.
iDevelopThings
February 22nd, 2009
Cool collection…!
Franz Jeitz
February 22nd, 2009
awesome collection. There’s plenty of websites I hadn’t seen before. Great article!
subcorpus
February 22nd, 2009
cool collection here …
will sure check them out …
kayintveen
February 22nd, 2009
Woow, great thanks for adding me!
dave
February 22nd, 2009
pretty fucking lame sites.
CarlMaxx
February 22nd, 2009
Interesting list but I notice a lot of these are limited to portfolio type sites for the designers.
As you say ” Textures in a web design have become a popular trend…” and as web design covers more than just these types of (potfolio) sites it would be interesting to understand if this design style is getting traction beyond the designers person work for/by themselves.
Have you any examples of how this style is translating into other areas, say e-commerce ?
Jacob Gube
February 22nd, 2009
@austin web design: I think you know what I mean though… the glossy buttons, reflections, starburst badges, etc. that’s commonly associated with Web 2.0 apps.
@CarlMaxx: Von Dutch has a grungy-ish, textured background. Ashes & Milk (a texture and organic material botique) has a textured background and wooden elements. Wire & Twine, a t-shirt company, uses a wooden element for the header.
P F
February 22nd, 2009
The whole collection was a shit box. Nothing impressive at all.
Chris Glass
February 22nd, 2009
Appreciate the inclusion. A bit of backstory on our interface at Wire & Twine, we made it by hand so to speak.
Again, thanks for the mention. A fine list to be on!
Amanda
February 22nd, 2009
Very nice collection. I think these are very creative. I have always enjoyed the torn paper – layered look. Thank you for sharing.
flaEm
February 23rd, 2009
What about http://blogs.dailyprincetonian.com/
Pretty good for student designers!
Vernon
February 23rd, 2009
Also check out http://www.wilfredstudios.com. They are pretty good as well!
Daniel
February 23rd, 2009
Thanks for the link to Snell’s article in Smashing Mag.
Dragon
February 23rd, 2009
Thanks for the great list. Finishing up this site now. (http://honormen.org/) Thought the marble would be a good addition to your list. WDYT?
Karim
February 24th, 2009
It’s not that those are old designs from 2000-2001 like a commenter said, it’s that back in 2001 most people had dial up modems, and sites with heavy graphics were destined to fail due to load time. Now that most people have DSL, designers have more chance to build beautiful sites that also load fast enough to succeed.
web development hyderabad
February 24th, 2009
the one i liked the most out of all the 30 is >> Jay Hafling
Cindy Sue Causey
February 25th, 2009
Am on dialup so have yet to be able to download the whole set, BUT.. Upon viewing those that have arrived, *stunning* seems quite appropriate as the description.. With these as the latest examples, I *love* seeing what creativity lurks in the Minds of others.. :)
Cyber hugs from Talking Rock, USA.. :)
alfred devanesan sam
February 28th, 2009
i liked a few websites dude ..
Anthony
March 1st, 2009
great work! the design work is really nice
DogEared
March 2nd, 2009
Great sites.
recession
March 4th, 2009
Nice designs, I would like to replace some of my solid colors with textures
Firestorm
March 4th, 2009
cool article. thanks for taking the time to research and write it… must have taken a while.
interesting to note that all these great designs didn’t just arbitrarily use the textures… they all form part of the design and have a purpose. that’s difference in a great designer. thanks again!
Alex
March 10th, 2009
Great selection… i like these huge background websites…
johnmilton
March 31st, 2009
Hi..
Nice list, and some of these would certainly be very inspirational and also would serve as a good source of reference.
Thanks..
Ramy wafaa
April 6th, 2009
Amazing list cheers :)
arale
May 24th, 2009
:O
Nice nice nice, i´m checking the list :)
Jeffrey
June 27th, 2009
Great work on the selections, when can we expect to see part 2?
The Nonsense Society
July 12th, 2009
The designs that use a more subtle texture tend to be more effective.
Ashely Adams : Sticker Printing
September 11th, 2009
Textures are indeed becoming quite a popular trend in web designs these days. And you have a very inspirational list here. In fact, some of these designs are outstanding. I particularly liked Agami Creative and The Brown Corporation.
Jdudesign
February 23rd, 2010
My favorite one is the one for the poop. It is extremely funny.
Leave a Comment