
Smashing Magazine we smash you with the information that will make your life easier. really.
Textures In Modern Web Design
By Steven Snell, January 7th, 2009 in Design Showcase | 127 Comments | Forum
If you look around at well-designed websites in CSS galleries or any other source of design inspiration, you’ll see that texture is extremely common in modern Web design. One of the reasons it’s so popular is because of its versatility. Textures can be used in countless different ways and in a wide variety of design styles. As you look around, you’ll see how textures can be used in so many different ways by Web designers.
Textures in Web design can be very subtle, so that the visitor hardly notices, or they can be a focal point of the design. In some cases, textures are used to emphasize certain parts of the design. Because of the versatility of textures, they can be used in combination with many other design elements, such as typography, lighting and colors.
When examining exemplary Web designs that employ textures, you’ll notice that textures are used in background images, headers, footers, sidebars, content areas and even fonts. Although texture is sometimes associated with a grunge style of design, its reach extends far beyond just grungy websites. Texture adds dimension to virtually any style of design, if applied properly. In this post, we’ll look at 50 examples of websites that use textures in different ways.
One of the reasons texture is so useful to designers and so popular is because adding it to a design can be quick and easy with a program like Photoshop. Later in this article, we’ll look at some of the different techniques you can use to apply texture to your own work.
Gallery: Texture in Modern Web Design
Now, we’ll take a look at 50 websites in which texture has been applied to the design to improve it in some way. The websites are categorized according to how the texture is used. Many of the examples could fit more than one section, but they’re categorized like this to show their diversity and to point out specific elements of the design.
Textured Backgrounds
When it comes to textures in modern Web design, background images are probably the most common area of use. As you’ll see in the examples below, a textured background image can easily be a significant feature in a design. There are countless options for using textures in this way, and many designers are using creativity here to create stunning results.
Edit Studios
Many designers and studios use a dark background for portfolio websites, but Edit Studios gives its background some variety with a textured look. The main content area has a few cracks in the background, and the rest of the design and background has a grungy style that’s not overwhelming on the dark background.

Jobs on the Wall
Web Designer Wall is well known for its colorful and artistic background. The job board on WDW features a similarly creative but less colorful background with a textured approach. The texture of the background resembles a cork board. You’ll see some design elements such as staples that help complete the bulletin-board look.

GoodBytes
The background image of GoodBytes includes different shades of purple overlapping each other, and a subtly highlighted area for the logo. The result of these effects is a textured background that gives the website a much different feel than it would have with a solid single-color background.

Grace Church of Alexandria
While it’s common to see wood backgrounds used for a textured look, brick backgrounds are a little less common. The main content area of the Grace Church website is very clean, but it sits on a textured brick background.

Jason Bradbury
Jason Bradbury’s website contains multiple different backgrounds that appear randomly, most of which use some sort of textured look. The screenshot below shows one of those images, a grungy British flag. The texture gives the flag a completely different feel than it would have otherwise.

Doejo
The Doejo portfolio website features a nice clean layout. The entire website, except for the footer, has a slight texture, giving it a different feel.

Design Sponge
The main content area of Design Sponge is rather narrow, which exposes more of the textured background. The image has a canvas-like feel in a neutral color.

Here’s Life Mission Africa
The content area of Here’s Life Mission Africa has a slight texture that may not even be noticed at first next to the dark background. But at the bottom of that textured area is a torn edge that dramatizes the texture.

Bart-Jan Verhoef
Bart-Jan Verhoef uses a textured background that gives the website an old-paper look. In addition to the background, the text logo/website title also has a grungy, textured effect.

Church on the Rock
Almost the entire website of Church on the Rock has a textured effect. Some wood is used in the header image, and below that is the textured image shown in this screenshot.

Design Commission
Design Commission is another website that uses a very clean content area with a textured background. The background of Design Commission also includes a slight red color on the left side to give it some variety.

Creative Nights
Creative Nights has a blue content area and a dark blue background with a textured effect at the top. Lighting is used to spotlight the content area and darken the rest of the background.

Fall for Tennessee
All of the websites in the Tennessee vacation series are very well designed. The Fall website features a textured, fall-colored background.

Carbonica
Carbonica uses neutral-colored textures throughout the design of its website. Headlines, icons and the navigation menu in the sidebar also used textured fonts.

Sollievo
The brown background for Sollievo has a subtle texture that wouldn’t stand out on its own, but combined with the torn-paper effect of the main content area, the website is left with a more substantial textured feel.

Gareth Dickey
The header and background of Gareth Dickey’s website include an illustration. The texture used in the illustration is subtle, but it gives a different look than the website would have otherwise.

Bright Creative
Bright Creative, the studio of Dave Shea, uses textures throughout its design. The header is a textured dark red, and the body is a textured neutral color.

NK’MIP Resort
The website of NK’MIP Resort has a grungy feel, with a dark textured background and a lighter textured content area.

Design Reviver
The dark textured background of Design Reviver eventually fades into a solid background lower on the page. The white header also includes a slight texture in some areas.

Moustache Me
Moustache Me uses a dark textured background that’s similar to the lighter cork-board effect used at Jobs on the Wall. Images of tape and push pins are used to complete the cork-board look.

Textured Headers
Many websites use header images as a major part of the design and to stand out from other websites. With a large space usually reserved for images, these areas have plenty of potential for dramatic textures. As you look around at well-designed websites, you’ll no doubt find many examples of textures being used in headers. The examples below show just some of the possibilities.
Acceptance
The Acceptance header uses blue and black with a textured effect in the background, especially on the sides where the colors are darker. The navigation menu also has a similar texture on hover.

Slabovia.tv
Slabovia.tv has a wood background to give the website some texture, but it also uses a textured header. There’s a coffee mug ring behind the header in one spot, and the website’s tagline appears as a handwritten font on a piece of tape in the header.

Sienna Online
The content area of Sienna Online has a dark black background, but the header adds plenty of texture. The header image has an old-paper look.

Electric Pulp
The light-colored background of Electric Pulp has a slight texture to it, but the one big spot that begins in the header stands out much more. The logo/branding area also includes some texture.

Rocket Club
The background image of Rocket Club includes a dramatic header texture that significantly changes the look of the website. The texture can also be seen through the somewhat transparent picture of the band.

Wandering Goat Coffee Company
The header of Wandering Goat Coffee Company has a canvas image to give it a striking texture. The logo itself that sits in the header is also textured.

TheManInTheSea
The background image of TheManInTheSea gives texture to the header and to the sides outside of the content area, but it fades to white for readability of the content.

The Resume Girl
The website of The Resume Girl includes a few different textures in the header. The white area has a paper texture, while the navigation menu has its own texture with a torn edge. The green starburst area also includes a texture.

Thuiven
The Thuiven portfolio website uses a clean design that includes very little texture outside of the header. The header includes some multi-colored stripes on a neutral background.

Sidebar Texture
While background images are often used to create columns for sidebars, textures in these images are not nearly as common as they are on full background images. The websites shown below all make interesting use of textures in their sidebars. A few different approaches are represented.
Napa Bar and Kitchen
The Napa Bar and Kitchen website doesn’t include a lot of textures. The texture in the dark sidebar isn’t overpowering, but it’s a nice addition to the design.

Rob Goodlatte
Rob Goodlatte’s website has textures all over the place, but the sidebar stands out a bit because it’s not as common a way of using textures. Sidebar design is often very basic and not a lot of thought goes into it, but Rob’s sidebar draws more attention because of the look.

Branded07
Branded07 uses a dark-blue sidebar to contrast the light background color of the content area. This dark blue includes a slight texture. The same dark-blue texture is also used in the website’s header.

Adventure Trekking
Like the Branded07 design, Adventure Trekking’s website does not use textures everywhere, just in a few select places. The sidebar has a textured paper look with a torn and folded edge at the top. Next to a light and untextured content area, the sidebar stands out a little more.

Textured Navigation Menus
Navigation menus can be one of the most visually interesting parts of a website. Textures, of course, can be used in background images of menus to create a different and very attractive look. You’ll see several different approaches here, all using texture to improve a standard navigation menu in one way or another.
Matt Dempsey
Matt Dempsey’s portfolio website uses a background of orange brushstrokes. The textured strokes are also integrated in the navigation menu of the website, and they have a lighter-colored brushstroke on hover.

Von Dutch
Von Dutch features an artistic textured design for the entire website. The main navigation menu is interesting because of the textured background images that are used. Each link has a slightly different image.

Alpine Meadows
The Alpine Meadows website includes a few different textures, but the navigation menu is perhaps the most interesting. The texture and the frayed effect make it a focal point of the design.

Blue Moon
The brick background of Blue Moon obviously gives the website plenty of texture, but the navigation menu also has a rusty texture in the background as well as in the font.

Astuteo
The Astuteo portfolio website is another example of a clean design that uses texture in a specific area for impact. The header, which includes the main navigation menu, has a textured look that does a good job of contrasting the clean white background of the website.

Helmy Bern
The header area and navigation menu of Helmy Bern are extremely textured, with the torn-cardboard look at the top of the menu drawing the most attention. Additionally, the sidebar has a similar texture.

The Ernest Hemingway Collection
The Ernest Hemingway Collection uses a desktop environment as a background, with the main content area sitting on top of the desk. The navigation is a textured dark brown with a leathery feel.

Subtle Use of Texture
Some of the most interesting uses of texture are those that don’t jump out and grab you. Some designers are able to use textures in subtle ways that improve the overall look without being overpowering. The examples below show attention to detail in design that gets great results.
Henry Jones
The portfolio website of Henry Jones makes use of textures but in a rather subtle way. The border that surrounds the header and navigation area has a few very small spots where some texture is applied. The gray bottom border of the logo/branding area does the same thing. While these design elements don’t stand out in the first few seconds of a visitor’s time on the website, they provide detail that helps create a complete look.

Denver Seminary
Rather than having a solid-blue background behind the logo, Denver Seminary’s website includes a soft texture in another shade of blue. The texture adds some visual interest to the header and the logo.

College Park Church
The website of College Park Church uses several different textures throughout the website that work together to create a complete look. The header includes some subtle textures in the background of the green bar, as well as directly below the bar where it meets the branding area. The texture may not even be noticed at first, but it gives the header a look that fits the rest of the design, which includes some textures below.

Drew Dellinger
Rather than just having a solid black background, Drew Dellinger adds a slight texture to his website’s background. As with the other examples in this section, no one dramatic design element is present that grabs the attention of visitors, but the website is an excellent example of how texture can be used to subtly enhance a design.

Squarespace
The approach of Squarespace is very similar to that of Drew Dellinger. The dark background is given a slight texture, which gives the website a different feel. At Squarespace the texture fades into a solid background color as you scroll down the page.

Inca Un Calator
The design of Inca Un Calator is broken up vertically into a few different sections. Each section has a slightly different color and texture combination. The textures and the change from one section to the next are not drastic but really enhance the look of the website.

Aten Design Group
Aten Design Group, like many other portfolio websites, uses a dark background. However, the background is slightly changed by use of a subtle texture.

Different Ways to Add Texture to a Design
Applying a texture to a design can be accomplished in a number of different ways. It’s possible to create very similar end results using different approaches if you’re comfortable and experienced with Photoshop. Here are a few of the most common techniques for creating a textured website.
1. Use a free stock image to create your own texture
One of the quickest and easiest ways to add texture to just about anything you create in Photoshop is to use a simple stock image and some layer effects. Fortunately, there is no shortage of high-quality free textures, and there are even some premium options if you’re willing to spend a little money. David Leggett of Tutorial9 has a nice tutorial that shows how you can quickly add texture with a stock image.
If you’re looking for free textures to use in your own work, some of the best resources are:
- Smashing Magazine (13 big, free collections)
- stock.xchng
- Texture King
- Grunge Textures
- Dr. Web Textures
- Urban Dirty
- Free 3ds Textures
- CG Textures
- Lost and Taken
2. Create your own texture from scratch in Photoshop
Instead of using an image to create texture, you can get a very similar effect by creating one from scratch with no images. If you know a few techniques in Photoshop, creating textures is not that difficult or time-consuming, and it may give you more control than using a found stock image.
There are a number of Photoshop tutorials that teach different techniques for creating textures. Here are a few good ones:
Photoshop Paper Texture from Scratch then Create a Grungy Web Design with It


3. Use Photoshop brushes
Photoshop brushes can be another quick and easy alternative to creating your own effects from scratch, and there are plenty of free brushes to choose from. Brushes are great for adding grunge effects to a design, getting texture from brushstrokes and working with just about any other type of texture. Free brushes exist for just about any type of texture you can imagine; it’s just a matter of finding the right one. The ease of using free brushes makes it possible to experiment with all kinds of different approaches if you want to see what works best. Here are some resources to help with that:
- 500+ Photoshop Brushes for Creating Textures
- 300+ Vintage Style Textures and Photoshop Brushes
- Watercolor Roundup: 200+ Beautiful Brushes and Textures
- 200+ Free Grunge Photoshop Brushes
4. Use ready-made textures
Rather than finding stock textures that can be used with your own work, you could buy some textured images to use as a background with little or no adjustment. Many designers sell their work on stock websites such as iStockphoto, Stockxpert, and Vector Stock. Finding the right image for your work is not always easy, but if you find it, the price is pretty minimal for the amount of time you save.
5. Scan Textures
The scanning technique is similar to creating your own image in Photoshop from scratch, and it’s also similar to working with free stock textures. Essentially, you scan something, like a piece of textured paper, and then make adjustments to it in Photoshop. If you’re interested in this approach, Bittbox has an excellent tutorial on scanning paper and working with the texture in Photoshop.

About the Author:
Steven Snell is a Web designer and freelance blogger who can be found on his own blogs: Vandelay Website Design and DesignM.ag. (al)
Leave a Reply
Sponsors
- Advertise with us!
Smashing Links
Stay in touch
Popular Posts
- 100 Wordpress Themes
- 83 Wordpress Themes
- 80 AJAX Solutions
- 75 JavaScript Techniques
- 70 Best Photoshop Tutorials
- 70 Best Illustrator Tutorials
- 53 CSS Techniques
- 50 Blog Designs
- 50 Graffiti Artworks
- 50 Brilliant Photos
- 50 Movie Posters
- 40 Free Fonts
- 40 Creative Layouts
- 35 Beautiful Icon Sets
- Beautiful Desktop Wallpapers
- Beautiful Macro Photos
- Beautiful Underwater Photos
- Free Design Templates
- Free CSS Layouts
All Posts
- 35 Designers × 5 Questions
- 50 Designers × 6 Questions
- 404 Error Pages
- AJAX Libraries
- AJAX Solutions
- AJAX Tutorials
- Badges and Pins
- Batch Image Processing
- Black & White Photography
- Block Quotes
- Blog Designs 1, 2, 3, 4, 5
- Blog Headers
- Book Covers
- Brochures and Booklets
- Browsers Round-Up
- Browser Test Suites
- Buzz-Monitoring
- Calendar Designs
- Charts and Diagrams: Tools
- Cheat Sheets
- Code Beautifier
- Copyright Explained
- CSS Coding Techniques
- CSS Designs 1, 2, 3, 4, 5
- CSS Clean Code
- CSS Editors
- CSS Expert Ideas
- CSS Float Theory
- CSS Frameworks
- CSS Free Templates
- CSS Footers
- CSS Forms 1, 2
- CSS Frameworks
- CSS Galleries
- CSS Ideas
- CSS Layouts
- CSS Menus
- CSS Print-Layouts
- CSS Specificity
- CSS Styleguides
- CSS Tables
- CSS Tutorials
- CSS-Techniques
- CSS Tools
- Data Grids and Tables
- Data Visualization 1, 2
- Date Stamps
- Design Books 1, 2
- Design Magazines
- Designer's Checkpoints
- Divine Proportion
- Domain Tools
- Dreamweaver Tutorials
- Drupal
- E-Mail Delivery
- Favicons 1, 2, 3, 4, 5, 6
- Firefox Themes
- Fireworks Tutorials
- Flash Designs
- Flash Slideshows
- Flash Tutorials
- Fonts 1, 2, 3, 4, 5, 6
- Font Management
- Form Design Patterns
- Forums
- Fractals
- Gadgets 1, 2, 3
- Google AdSense
- Google PageRank
- Graffiti
- Graphics Design
- Grid-Based Design 1, 2
- Grunge Design 1, 2
- Hand-Drawing Style 1, 2
- Handwriting and Lettering
- Hotkeys
- HDR Pictures
- HTML Template Systems
- Icon Sets 1, 2, 3, 4, 5
- Icons, Templates 1, 2, 3
- Illustrator Tutorials 1, 2
- JavaScript Techniques
- jQuery
- Laptop Sleeves
- Laptop Designs
- Link Building
- Links in New Windows?
- Macro Photography
- Mascots
- Moleskine Art
- Motion Graphics
- Motion Blur Photos
- Movie Posters
- Music Videos
- Navigation Menus
- Newspaper Designs
- Online Converters
- Online Generators
- Packaging Design
- Pagination
- PDF Magazines
- Photoshop Actions
- Photoshop Tutorials 1, 2
- Pixel Art
- Podcasts
- PNG Transparency
- Portfolios
- Pricing Tables
- Product Designs
- Rain Photography
- RSS Best Design Practices
- RSS Feed Icons
- Screencasting
- Screensavers
- SEO Tools
- Shopping Carts
- Short Movies
- Slideshows & Lightboxes
- Smoke Photography
- Source Code Editors
- Splash Pages
- Start Pages
- Stock Icons
- Space, Nebula wallpapers
- Tab-Based Interfaces
- Tag Clouds
- Textures
- Textures & Backgrounds
- Texture Design
- Tooltips Scripts
- Tutorials
- Typefaces 1, 2
- Type Setting Principles
- Typographic Posters
- Typography In Motion
- Typography Showcase 1 2, 3
- Underwater Photography
- Usability Books
- Usability Glossary
- Usability Nightmares
- Usability Principles
- User Interfaces
- Version Control Systems
- Vintage & Retro Posters
- Vintage & Retro Designs
- Vintage & Retro Tutorials
- Wallpapers 1, 2, 3, 4
- Web 2.0 Tutorials
- Weblog Engines
- Whitespace & Simplicity
- Wordpress Plugins
- Wordpress Themes 1, 2, 3, 4
- Wordpress Toolbox
- WYSIWYG Editors
Fresh Bookmarks
25 Beautiful Logos with Sequential Concept
Sequential logos maybe is a new trend among logo designers.
Designing a blog with HTML5
Much of HTML 5’s feature set involves JavaScript APIs that make it easier to develop interactive web pages.
20+ CSS Data Visualization Techniques
Get inspired.
CSS3 – a big storm is coming
With CSS3 media queries and multi-column layouts it will be a whole new ballgame.
Woodgrain: A Free Social Media Icon Set
With 18 social networks represented alongside astandard RSS icon in PNG format,
Webdesign: Five Minute Upgrade
Making Your Design Pop.
45 Stylish Typographical Desktop Wallpapers
These beautifully designed wallpapers are not solely about typography.
The Light CMS Trend
A new trend in CMSs I’m calling “light” CMSs.
10 Impressive JavaScript Animation Frameworks
Create stunning and eye-grabbing animation and transition effects.
Linux System Monitoring Tools Every SysAdmin Should Know
Need to monitor Linux server performance?
Blogroll
- Bittbox
- CatsWhoCode
- Colorburned
- Design Disease
- Designm.ag
- Deziner Folio
- Dr. Web Magazin (.de)
- Dr. Web Shop (.de)
- Freshome Blog
- FudgeGraphics
- I Love Typography
- MakeUseOf.com
- Naldzgraphics
- Noupe.com
- Pro Blog Design
- Search-This
- Six Revisions
- SmileyCat
- Spoon Graphics
- Typesites
- Usability Post
- Walyou
- Webdesigner Depot
- Weburbanist
- Wellmedicated









rick james (January 7th, 2009, 8:18 pm)
looks like smashing magazine is going to thebestedesigns.com
eAi-nEt (January 7th, 2009, 8:21 pm)
That’s so great ,, Thanks for sharing , Best luck Smashing Magazine
Luv your works
Keep it UP and Heavy
James Grooder (January 7th, 2009, 8:24 pm)
Link [darkmotion.com] has a sweet water colour header!
Eli (January 7th, 2009, 8:34 pm)
Great roundup. I need to inspire :)
Ivy Clark (January 7th, 2009, 8:35 pm)
What a great collection, and all in one place! Nick La’s Web Designer Wall is one of my personal favourites. Thanks for pulling it all together! :)
Imagium Web Design (January 7th, 2009, 8:37 pm)
A really great post once again by Vandelay and Smashing Magazine.
The present web design trend parallels the T-shirt printing industry’s time line. Many years back, shirt printing inks and designs consisted of all flat colors with some gradients and now it’s all about textures, all over prints, over the seams, specialty inks and distressed images.
Matthew Spiel (January 7th, 2009, 8:56 pm)
thanks for the plug on my site (themaninthesea)! you guys made my night!
Henry Jones (January 7th, 2009, 9:04 pm)
Wow! Three of my designs in this article. That’s gotta be some kind of record…right? :)
Nice post Steven.
Dave Ruse (January 7th, 2009, 9:36 pm)
Thanks for the mention of Grace Church of Alexandria! It’s a great honor to be listed alongside the rest of these awesome designs!
David Conrad (January 7th, 2009, 9:38 pm)
Thanks for the Design Commission mention. We’re big fans of Smashing Mag!
fahmisatrio (January 7th, 2009, 10:03 pm)
Great design inspiration..
I love this blog so much..
Thanks for sharing..
Dottie (January 7th, 2009, 10:04 pm)
Very nice! Tnx
Graphic Design Company India (January 7th, 2009, 10:48 pm)
I have learnt so much from your post. You have described each and every point separately and descriptively. You are absolutely right that textures gives more realistic lok to the images if added.
Lee Munroe (January 7th, 2009, 10:57 pm)
Great post. A lot of detail and a great showcase for inspiration.
Kobus (January 7th, 2009, 11:36 pm)
Awesome, love textures but I am still bit stupid in using them!
Great post as usual.
Elias (January 7th, 2009, 11:50 pm)
Excellent showcase! Can’t help but notice many are looking a lot like others and too much “inspiration” is taking place sometimes (then again, they might simply be following trends).
CGrey (January 8th, 2009, 12:19 am)
I like the textures on Link [restraint.org] quite a lot.
onlinedruckereien.info (January 8th, 2009, 12:42 am)
you guys put a lot of work in your posts. it’s much appreciated! really nice collection! - Link [www.onlinedruckereien.info]
PomCompot (January 8th, 2009, 12:49 am)
Great post : an illustrative showcase + some clear explanations on how to realize such a design. Want more of this on Smashing and less ‘Tribute to … with 100 excellent …’. It is with articles like this one that we learn how to make good designs.
Paul Burgess (January 8th, 2009, 1:25 am)
Thanks for the Urban Dirty link :-)
perke (January 8th, 2009, 1:44 am)
collection of a pure beauty, good work!
Laura (January 8th, 2009, 1:54 am)
This is a particularly impressive post! Most sites that cover texture either just have a gallery or resources. The way you’ve shown us great examples, explained why they work and shown us how to achieve the same effect is awesome.
Textures can really make a web design.
Charles (January 8th, 2009, 2:11 am)
This is a really good one. Congrats and many thanks !
Alexei (January 8th, 2009, 2:51 am)
A nice collection of really inspiring design. Nothing groundbreaking, but still some designs on the list are truly great. Thanks!
Martin (January 8th, 2009, 3:28 am)
a modern webdesign with a nice texture: Link [www.farbwolke.de]
Steven Snell (January 8th, 2009, 4:05 am)
Henry,
I considered removing one of the sites when I realized there were three of yours being featured, but I didn’t really see the point since they’re all excellent examples. Great work!
Marley (January 8th, 2009, 4:44 am)
Awesome roundup!
Here’s another to add to the mix Link [www.swervedesign.com] [swervedesign.com]
THEODIN (January 8th, 2009, 5:19 am)
Great list, lots of inspiration here! Thanks
Andris (January 8th, 2009, 5:21 am)
Awesome article. Thanx again.
>:3 (January 8th, 2009, 6:17 am)
At last, more webdesign and less wallpapers! Now we need some moar web-related stuff like a guide to SVG and XML.
philip tadros (January 8th, 2009, 6:30 am)
Link [www.doejo.com] has an updated version now too! √ it out :)
David (January 8th, 2009, 6:34 am)
Nice collection, thanks. All a little too busy for me. Resume girl and College park church made the best first visual impression to me.
Henry Jones (January 8th, 2009, 6:58 am)
Steven,
I’m glad you didn’t remove any :)
musidora (January 8th, 2009, 7:38 am)
Just what I was looking for! Very inspirational
Daniel Matthews (January 8th, 2009, 8:12 am)
You should include Link [www.bamboojuice.co.uk] - simple use of a hessian bag texture but the results are really pleasing to the eye.
Nikki - http://www.logodesignguru.com (January 8th, 2009, 8:36 am)
textured backgrounds are great! They really add some phenomenal detail and sense of professionalism to any web page. We’ve gotten to a point now where even an average person with little internet experience can tell the difference between a poorly created website and one that is professional. These backgrounds bring out that professionalism. Very nice. They all look great.
Raymond Selda (January 8th, 2009, 9:04 am)
Wow! Nice collection! This will motivate me to apply texture on my next template. Thank you.
Justin (January 8th, 2009, 9:10 am)
Link [www.justinhofstein.com] - This is my personal web site. I had lots of inspiration from many of the sites listed here when I was designing my site.
I want to extend the texture all the way down the page. Now that I have seen some of these other sites, I think it would add more feel than to have it fade out as you go down.
Great list! Thank you!
jen (January 8th, 2009, 9:13 am)
I agree with “THEODIN” > Great list, very inspirational! Thanks!!!!
Jolhan (January 8th, 2009, 10:00 am)
I’m feeling uncomfortable using a 150K background
Sineload (January 8th, 2009, 10:18 am)
Amazing list. Inspirational.
Peter (January 8th, 2009, 11:04 am)
Great Post. Thank`s
Greets from Berlin
jameson (January 8th, 2009, 11:09 am)
Just take a picture of something, add it as a layer, set to overlay and, viola, you have a texture… Now, why didn’t I think of that??
Thanks for another great article Smashing!
Jared (January 8th, 2009, 2:32 pm)
Thank god for high speed internet, amiright? Seriously, though, pretty sweet stuff here.
Baris (January 8th, 2009, 2:43 pm)
Wooow…the Links on this entry are great. I found a lot of Information. Thank you Smashing Guys.
cr103.com (January 8th, 2009, 3:35 pm)
“asfsaf….” ah i love informed and creative comments lol
great round up, some nice work there. there are also lots of textures and backgrounds at creativity103.com
enjoy.
Isabel (January 8th, 2009, 11:36 pm)
Oh! Great work! Thanks for your research! It was great to read it! Kepp going! Have a nice work!!
Stuart Davison (January 9th, 2009, 12:28 am)
Nice to be included in such a list of notable websites. Keep up the good work. Link [www.edit-studios.com]
Richard Watson (January 9th, 2009, 2:38 am)
Holy sh*t! I went to University with Gareth Dickey! (The same design course - Interactive Multimedia Design @ University of Ulster, Jordanstown, no less!).
The guy was good then…but now…i’m simply in awe!
Omair Rais (January 9th, 2009, 3:41 am)
Wow I will definitely use texture in my web design next time,
Thanks
Omair Rais
Link [www.omairarts.com]
Bill (January 9th, 2009, 9:42 am)
Link [www.thuiven.com] looks like a rip-off of Link [orderedlist.com]
KWD (January 9th, 2009, 10:08 am)
Great post. Loved the examples followed by tutorials.
Will Miller (January 10th, 2009, 5:41 am)
Our studio is working on an event networking site for the LGBTQ community. Texture heavy. Link [www.thequeerist.com]
Will
Firebelly Design
GoodBytes.be (January 11th, 2009, 2:10 am)
Great list. We are honoured to be included as well! Thanks and keep those articles rolling in 2009.
Robbe Dewilde (January 12th, 2009, 12:01 pm)
Thanks, great collection and good article!
Tom (January 13th, 2009, 2:13 am)
What’s with all the churches?
Philip (January 13th, 2009, 7:14 am)
Looks like smeone (author) stold idea from designwar.
Marcos Xotoko (January 13th, 2009, 8:45 am)
this post reminds me my website: Link [www.marcosxotoko.com]
it has a background vector textures :}
Stephen (January 13th, 2009, 9:19 am)
Link [www.brianwilkins.net] I love the use of texture in the header on this site!
1dushi (January 13th, 2009, 11:20 pm)
very good,welcome to our website:www.zhongt.net,www.1dushi.com
apis (January 20th, 2009, 4:19 am)
great list…!
Blink (January 30th, 2009, 6:50 pm)
Great post!
Very interesting. I found many of those examples unclear to read, have lots of distractions around the actions and navigation, and generally focused on pretty rather than useful.
But I guess we all have different priorities :)
Justin (February 11th, 2009, 4:58 pm)
I’m working on a new web design with lots of inspiration from the sites listed here.
I look forward to posting it here when it’s live.
Justin - Link [www.justinhofstein.com]
akshat (February 14th, 2009, 12:15 am)
eurhfsdfoueretrys
mecoxlane (April 6th, 2009, 5:42 pm)
Cool!!!!!!
bedava indir (April 7th, 2009, 3:19 am)
thanx
goldsing (April 8th, 2009, 1:22 am)
cooool!!!!!!!!!!!!www.letuwang.com
goldsing (April 8th, 2009, 1:24 am)
Link [www.letuwang.com]
Craig Miller (April 22nd, 2009, 3:45 pm)
sweet texture, i’d love to use some of them on some blogs I’m planning to do
Craig Miller
Link [www.ilikesem.com]