Designing your site - Basic Template Options

Create an overall look and feel for your site. Have two different options ready for review on March 6th. From these two options you will choose one to move forward with what will eventually become your live site.

Homework/Studio time:
• Design your site header (Due March 6th) - This can be a more finalized version of your previous header
   re-sized to fit your site template.
      - Work in either Photoshop or Fireworks (and import into Photoshop)
      - Size may be determined by your choice of template
      - Final files should be saved as either a .jpeg (no transparency) or .png (can be transparent).

• Create 2 different options for your background (Due March 6th)
      - Solid color, repeating pattern, or gradient?
      - keep color palate lower contrast, as it is the background
      - what font colors provide the best readability? Additional backgrounds? Headers?
      - Save as a .png, .jpg, or .gif

• Create a brief style guide of fonts and colors to be used on your site (Due March 6th).

      - Color palate – label with hex color numbers for the following:
      - background
      - footer
      - links: link color, visited color, hover color.
      - type choices – as part of the template
      - body copy – font name, size, hex color (both color swatch & number)

• Site title & description - font name, size and hex color (both color swatch and number)

• Navigation (text color and selected color) - font name, size and hex color (both color swatch and number)

• Date header (text color and selected color) - font name, size and hex color (both color swatch and number)

• Posts/site copy (text color and selected color) - font name, size and hex color (both color swatch and number)

• Social media links/feeds

On March 6th you will choose what option to build out.