This document provides instructions for students to create a brand identity manual for their web development project. It outlines 7 items that must be included: 1) an official logo combining graphics and text, 2) specified brand colors, 3) typographic guidelines, 4) layout variations of the logo, 5) black and white/grayscale versions of the logo, 6) updated web templates incorporating the new branding, and 7) a brand identity manual compiling all graphics and screenshots into a single webpage. All items must be compiled and submitted in a ZIP file by the specified deadline.

1. by side? On top of each other? Square
FINAL layout? Rectangular layout?
// Minimum dimensions: 500x500px for each
PROJECT
graphic. PNG, JPG, or PSD only.
5. Black&white and grayscale
versions
Computer Science 4: Web Development Make black & white and grayscale
Quarter 3, 2009-2010 versions of your main logo in order to
show the versatility of your identity. Make
CREATE A BRAND IDENTITY two (2) graphics.
MANUAL FOR YOUR WEB // Minimum dimensions: 800x800px each
PNG, JPG, or PSD only.
PROJECT. Apply the different
techniques you learned from this 6. Updated web templates
quarter to design and establish a Revamp your original web templates with
visual character for your site. Here are your brand new identity scheme. Include
things you need to make: your new logo, titles, color schemes,
typefaces, and graphics. Make two
versions, (1) a home page and (2) an
1. Official logo internal page.
Develop a new logo for your website. Use
a combination of a graphic and type
elements in your logo. // Minimum 7. Brand identity manual
dimensions: 800x800px. PNG, JPG, or PSD only. Layout all graphics into a single webpage
which will serve as your group’s brand
2. Brand colors identity manual. Resize your content
(make smaller copies of items 1-5, and
Specify the exact colors that you used in
include a screenshot of item 6) to fit
your logo. Put in the RGB, CMYK,
perfectly in almost all browsers
Pantone and Hexadecimal color values.
(1024x768px screen resolutions).
Incorporate these into another copy of
Introduce the website’s goals, and how
your main logo.
// Minimum dimensions: 800x800px.
your aesthetic system is aligned with
PNG, JPG, or PSD only. these. You’re free to write about the
creative process behind your logos.
3. Typographic guidelines
Indicate the actual fonts and typefaces Reminders!
you used in your logo, and your site • Submit everything in a ZIP or RAR archive:
headers/titles. Demonstrate proper usage FINALQ3_Section_GroupNumber
of the letterforms along with other
elements (graphics, lines, etc.) Specify the • The ZIP/RAR archive should contain three
exact weights, styles, and spacings of the folders: Logos (for items 1-5), Web Template
letters and words. Compile them in a (for item 6), and Brand Manual (for item 7).
single graphic. // Minimum dimensions:
800x800px. PNG, JPG, or PSD only.
• Everything should be submitted by
December 21, 9:00pm (email, USB or CD)
4. Layout variations • Include your individual peer evaluation
sheets (1/4 sheet, 1-lowest and 5-highest)
Formulate at least three (3) variations of
your logo in terms of placement of • A 15% bonus will be added to your score if
elements. How would it look like if there you submit by December 18, 12:00nn
were no text? If they were to be put side
gerson.abe webdev2 6dec2009