Going to
Typeclass 1 Site
At the
Home of this site

Going to
Eurostile
Going to
Bembo Site
Going to
Blur Site
Going to
Syntax Site
Going to
New Century Schoolbook Site
Going to
Serpintine Site
Going to
Akzidenz Grotesk Site
Going to
DIN Site
Going to
Insignia Site
Going to
Novarese Site
Going to
Officina Serif Site
Going to
Democratica Site
Going to
Gill Sans Site
Going to
Remedy Site
Going to
Centaur Site
Going to
Quadraat Site
Going to
Kabel Site



Welcome to the Spring 2002: Typography 1 class project web site. In this site you will be able to examine, learn about and explore the students work, which was to produce a mini 5 page web site on a particular font that the individual student had randomly selected.

Run your cursor over the Stamps below to see who participated in this class project and what font site they designed and produced.

Going to  Eurostile Site Going to
Bembo Site Going to
Blur Site Going to
Syntax Site Going to
New Century Schoolbook Site Going to
Serpintine Site Going to Akzidenz Grotesk Site Going to
DIN Site Going to
Insignia Site Going to
Novarese Site Going to
Officina Serif Site Going to
Democratica Site Going to
Gill Sans Site Going to
Remedy Site Going to
Centaur Site Going to
Quadraat Site Going to
Kabel Site

Each font site is comprised of 5 pages.

Page 1 - Introduction
This your first glipse of the font, where the student was asked to write a brief description about their font.

Page 2 - History/Usage
Each student had the choice of writing a couple of short paragraphs about the history of the font, and it's designer, or find 3 to 5 examples of their font being used in any printed material (magazines, packaging or other collateral) and write a sentence on where they found it and who is the intended target audience.

Page 3 - Character Set
This is where the student can showcase the fonts uniqueness by highlighting key characters, or attributes.

Page 4 - Family Variation
Where you can see all the different variations that particular font is designed in, meaning the light weight, medium, bold, extra bold, heavy, condensed and oblique styles when available.

Page 5 - Roughs
The students were shown earlier in the class how to develop quick alignment sketches for the layouts prior to beginning work on the computer. This is done to speed up the production process of producing their layouts.


Each student was provided with the basic site architecture, font, designers name and HTML documents. And was asked to design and create a mini 5 page font site. Everyone had to produce their own buttons, headers, and content graphics for there site as a means of learning to use the basic typographic prinicpals discussed in class.

Eurostile | Bembo | Blur | Syntax | New Century Schoolbook | Serpintine
Akzidenz Grotesk | DIN | Insignia | Novarese | Officina Serif | Democratica
Gill Sans | Remedy | Centaur | Quadraat | Kabel

Home | Typeclass Site