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.

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.

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.