Texture as a page background


  1. Create a subtle texture from Photoshop or Illustrator.
  2. Fill entire "texture-bg.html" page with the texture image.
  3. Use HTML and CSS to control the background.

Attention :

.
  1. Contrast : Choose a subtle texture for the background image.
  2. Text Color : Choose a right text color and make sure a legible content above the background.
  3. Text Content : Copy/paste the content on this page or paste your own content for this page
  4. Image Format:
    • If the texture is originally a vector based element,
      save for web: gif
    • If the texture is a photo, save for web: jpg
  5. Site Root : Put the "texture-bg.jpg" file into the image folder,
    then edit your site.

Using subtle and soft textures to create clean web designs with an impressive visual impact. The right image with a good use of typography can generate a simple and unique web layout.