- Color Scheme – should have a pleasing color scheme that complements your logo and other images on your site. Three basic types of color scheme:
i. Analogous – colors that are next to each other on the color wheel.
ii. Complementary – combines colors that are the opposite of each other on the color wheel.
iii. Monochromatic – colors of different hues.
2. Fonts – styles of lettering. Two basic types of fonts:
i. Serif – Can be used as a hierarchy on your content. Ex. Title
ii. Sans Serif – most websites uses this type to make their content easier to read.
3. Images – CSS sprites. Use sprites if possible. CSS image sprites are a collection of smaller images, usually icons, placed together into a single larger image. Using CSS you can control which parts of the larger image is displayed to show only a single icon. Using this method can reduce the load time on your website.
If you have several images that are used across several pages on your site (such as your navigation icons or your logo), you can use sprites to cache the images so that they do not need to be re-downloaded on the second page your customers visit.
Check out http://www.w3schools.com/css/css_image_sprites.asp to read more about this neat CSS trick.