HTML & CSS
Article
By Corrie Haffly

Textured Backgrounds

By Corrie Haffly

A design trend among a lot of blog-type sites is what I’ll call the “textured background.” Here are a few examples that I grabbed from CSS Zen Garden:

http://csszengarden.com/?cssfile=/113/113.css&page=2

http://csszengarden.com/?cssfile=/102/102.css&page=4

--ADVERTISEMENT--

http://csszengarden.com/?cssfile=/084/084.css&page=6

http://csszengarden.com/?cssfile=/075/075.css&page=7

http://csszengarden.com/?cssfile=/064/064.css&page=8

You get the idea!

Some common characteristics:

1. The background repeats seamlessly.

2. The colors used in the background are usually of the same hue, just with different values (lightness/darkness) for a subtle effect that doesn’t distract your eye.

3. The main color of the background is usually also the main “base” color of the rest of the site design.

I like this design technique as it is a subtle and easy way to give a bit more personality to a web site. Plus it’s fast-loading.

Recommended
Sponsors
The most important and interesting stories in tech. Straight to your inbox, daily. Get Versioning.
Login or Create Account to Comment
Login Create Account