Style Guide

Layout

1. Specify if pages have fixed or liquid width
2. If fixed, specify width of page
3. What is your target screen resolution?
4. How many columns you will have on most pages?

Color scheme

Specify color name (for example, deep purple) and hex numbers for:

• Page background:
• Navigation bars:
• Titles:
• Subtitles:
• Paragraph text:
• Footer bar, if exist:
• Hyperlinks, in their link, visited, hover and active states:
• Any other interface element (such as a side bar, if applicable):

Typography

1. What font (typeface, style, color and size) you will use for the logo? (For example, Rockwell, bold, 48px). Specify whether it will be graphic or html text.
2. What font (typeface, style, color and size) you will use for page titles? Specify whether it will be graphic or html text.
3. What font (typeface, style, color, and size) you will use for subtitles, if exist? Specify whether it will be graphic or html text.
4. What font (typeface, style, color, and size) you will use for paragraph text?
5. What font (typeface, style, color, and size) you will use for navigation bar links? Specify whether it will be graphic or html text.

Photo/image treatment

Specify any Photoshop work (for example, edge or border treatments such as feathering or special filters)

Embellishment

Describe the treatments for buttons, lines, and bullets. Where and how will they be used?

Go back to Syllabus