THE BOOK OF TYPE

The book of type is an infographic pamphlet that serves as educational exploration of the typeface Bodoni URW Medium through type anatomy and terminology. The book of type is a coffee table book inspired medium through which the structural aspects of letterforms and history of the Bodoni typeface is established through strategic use of color, hairlines, layout and typographic decisions. I further expanded the Book of Type brand by designing and developing a complimentary website to further emphasize and elevate the visual identity.

INFOGRAPHIC / WEB DESIGN, CODING & DEVELOPMENT

Creative Brief
Introduce type terminology via an infographic with a focus on the target audience. Identify the structural aspects of type and label the different kinds of strokes, junctions & negative spaces used to create letterforms. While maintaining a consistent visual brand identity, I created a corresponding website to compliment the pamphlet with the goal of further typeface exploration and brand expansion. This website was coded from scratch in Visual Studio Code using HTML, CSS3 & JavaScript and published through GitHub with a custom domain. 

Project
09

Course
Typography Fundamentals & Web Coding

Client
UC Berkeley Extension

Year
05/01/2022

09

2022

TYPE ANATOMY PAMPHLET

Category:
Educational Infographic Design with focus on typography

Deliverable:
Pamphlet inspired by coffee table book design titled “The Book of Type”

TYPE ANATOMY PAMPHLET- FLAT FILES

Category:
Educational Infographic Design with focus on typography

Deliverable:
Flat files of pamphlet page designs - focus on typography, print design

THE BOOK OF TYPE WEBSITE

Category
Website Design, Wireframes, Prototype & Full scratch code development

Deliverable:
Full website design & development- website coded from scratch to correspond with wireframe designs

FULLY FUNCTIONAL WEBSITE AVAILABLE AT:

WEBSITE DEVELOPMENT - WIREFRAME DESIGNS CODED FROM SCRATCH USING HTML, CSS, JAVASCRIPT & JQUERY VIA VISUAL STUDIO CODE & GITHUB - (NOT MOBILE FRIENDLY)