30 Beautifully Textured Web Designs

Feb 21 2009 by Jacob Gube | 51 Comments

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

WallSwaps - screen shot.

2. Agami Creative

Agami Creative - screen shot.

3. bridge55

bridge55 - screen shot.

4. The Seen®

The Seen® - screen shot.

5. Design Jobs on the Wall

Design Jobs on the Wall - screen shot.

6. Carbonica

Carbonica - screen shot.

7. Pikaboo

Pikaboo - screen shot.

8. Edgepoint Church

Edgepoint Church - screen shot.

9. Jay Hafling

Jay Hafling - screen shot.

10. MacTarnahan’s Brewing Company

MacTarnahan's Brewing Company - screen shot.

11. Helmy Bern

Helmy Bern - screen shot.

12. The Brown Corporation

The Brown Corporation - screen shot.

13. Viget Advance

Viget Advance - screen shot.

14. The Ernest Hemingway Collection

The Ernest Hemingway Collection - screen shot.

15. Pain is Good

Pain is Good - screen shot.

16. Bart-Jan Verhoef

Bart-Jan Verhoef - screen shot.

17. Miles Dowsett

Miles Dowsett - screen shot.

18. iamtodd.com

iamtodd.com - screen shot.

19. Rockatee Home

Rockatee Home - screen shot.

20. The Albion Group

The Albion Group - screen shot.

21. Jeffrey Sarmiento

Jeffrey Sarmiento - screen shot.

22. Slabovia

Slabovia - screen shot.

23. Jamie’s Italian

Jamie's Italian - screen shot.

24. Lanikai Properties

Lanikai Properties - screen shot.

25. Sundance Documentary Film Program

Sundance Documentary Film Program - screen shot.

26. St. Gregory’s

St. Gregory’s - screen shot.

27. Coalmarch Productions

Coalmarch Productions - screen shot.

28. toby-powell.co.uk

toby-powell.co.uk - screen shot.

29. Michela Chiucini

Michela Chiucini - screen shot.

30. KAYINTVEEN

KAYINTVEEN - screen shot.

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

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

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

Subscribe to the comments on this article.