Joe Leadbeater
“The worse the designer is, the more typefaces he uses.” Massimo Vignelli
OUGD504
Design for Web
Testing Out Typefaces
Vignelli’s Italian VIGNELLI’S ITALIAN
Helvetica Font Family
Vignelli’s Italian VIGNELLI’S ITALIAN Avenir Font Family
Vignelli’s Italian
VIGNELLI’S ITALIAN Brandon Grotesque Font Family
Vignelli’s Italian VIGNELLI’S ITALIAN Gill Sans Font Family
Vignelli’s Italian VIGNELLI’S ITALIAN Gotham Font Family
Vignelli’s Italian
VIGNELLI’S ITALIAN Euclid Flex Font Family
Joe Leadbeater
Vignelli’s Italian Vignelli’s Italian
OUGD504
Vignelli’s Italian
Design for Web
Testing Out Typefaces
Vignelli’s Italian
Vignelli’s Italian
Vignelli’s
Vignelli’s
Vignelli’s
Vignelli’s Italian
Italian
Italian
Italian
Vignelli’s Italian
Vignelli’s Italian
Vignelli’s Italian
Joe Leadbeater
OUGD504
Design for Web
Testing Out Typefaces
Vignelli’s
Vignelli’s
Italian
Italian
Vignelli’s
Vignelli’s
Italian
Italian
Joe Leadbeater
OUGD504
Design for Web
Testing Out Typefaces
Initial logo experimentation
Experimenting with typeface scaling
Hand rendered logo - rendered digitally
Finalised geometric logo
Vignelli’s Italian Futura Medium
Vignelli’s Italian Garamond Bold
Joe Leadbeater
OUGD504
Design for Web
Development
Joe Leadbeater
OUGD504
Design for Web
Development
Colour Referencing:
Print:
Web:
Spot Colour:
C: 0
R: 237
M: 100
G: 33
PANTONE RED 032
Y: 100
B: 36
K: 0
Garamond Regular a bcdefg hi j k l mn o p qr s tu v wx yz ABCDE FG H I J K L M N OPQ R S T UVWX YZ 012345 6789 , . / : ; ’ [ ] =+- ()*@£ $ % ” &
Garamond Bold ab c d e f gh i j k l mn opqr stu vwxy z A BC D E F G H IJK L MN OP QRSTUVWXYZ 01 2 3 4 5 6 7 8 9 , . /: ; ’[]=+- ( ) *@£$%”&
Garamond Regular a b cdefghi j k lm no pq r st u v wx y z A BCDEF GH I J K L M NO PQR S T UVWX Y Z 012345 6789 , . / : ; ’ [ ] =+- ( ) * @£$%”&
Why Garamond was chosen: - High end - appropriate to my audience. - Timelessly classic - How Vignelli says a design should be. - Clear difference between each font within the family. - A font stated in Vignelli’s Canon, which he believes is esssential when designing. Garamond Regular: This will be used for the bodycopy eg. on the letterhead, menu, drinks menu, businesscard etc. Garamond Bold: Titles. eg. ‘Starters’,’Hot Drinks’. Garamond Italic: Sub headers, and used at a large point size in packaging.