Garamond is a typeface designed by Claude Garamond and Jean Jannon during the 16th century. This old-style serif is ideal for text setting and is one of the very few typefaces that is of age and still loved today. The magazine spread and time-based animation were created to inform the viewer about Garamond using two different mediums.
The goal of this two-part project is to highlight the unique characteristics of the typeface Garamond by designing a magazine spread and creating a time-based animation.
2019, 3 weeks
·     ·     ·
Magazine Spread
01. Research Essay
To grasp a better understanding of Garamond, I researched its history and wrote a one page essay. This essay became the content of my magazine spread.

An essay about Garamond, written using Garamond

02. Typesetting Exercise in Mrs. Eaves and Garamond
I explored the various settings that would fit 4 columns in type Mrs. Eaves. The exercise consisted of increasing / decreasing leading and type size. During the activity, I learned that a good rule of thumb is having around 65 characters per line. 

Typesetting exercise in Mrs. Eaves

I then practiced setting body text using Garamond. I discovered that I read most comfortably when the type is set in 10 to 11 pt.

Typesetting exercise in Garamond

I like it when the text is in two columns, fully justified, and auto leading. Justification, when worked well, gives an impression that the viewer is reading a book due to the clean, organized look.
03. Sketches and Early Ideas

Initial Sketches

I started designing the spread by drawing out my ideas. Sketching helped me realize the characteristics of the typeface I want to highlight and the positioning of image and text.

Early explorations

During this process, images were generally faded out to emphasize the text. I studied the forms of Garamond during the stage, as Garamond has unique characteristics. After reflecting on the designs I have created, I wanted to create a spread that highlights specific features of Garamond.
04. Image Style Guide
The texture-based photographs would enhance the elegance of the overall spread. I especially like the marble textures, as they are subtle but work effectively as background textures.
05. Iterations​​​​​​​
During this process, I finalized color scheme, got rid of the alphabet bands, reduced the number of highlighted letters that describe characters, made the images less opaque, and spelled out a word using the letter forms.

Notable draft iterations

Body text setting exercise

Characteristics indication variation

After reorganizing the location of the letters and the body text, rewriting certain parts of the essay, redesigning the way the letterforms are indicated, changing the opacity of photos, and finalizing the colors, I completed the final spread.
06. Final Magazine Spread

Final magazine spread

The final Garamond spread highlights the type's gracefulness using playful vertical shift and type size variation. The characteristics of the type are subtly pointed out on the spread for viewers. Its curve directs the eyes of the viewer from the bottom left to top right, where the paragraph starts. The text has purposely been justified to signify Garamond being a common type for book setting. The yellow, blue, and pale white color scheme also emphasizes the elegance of the type, reminding people of a palace.
·     ·     ·
Time-Based Medium
01. 50-word exercise
Similar to the magazine spread, I completed a 50 word write-up that would serve as the base script of the video.
My script is the following:
     - “Michangelo’s David to the type world”
     - Created by Claude Garamond or Jean Jannon in the 1500s
     - Its history is a mystery
     - It is graceful (low x height, teardrop terminal, angled serifs)
     - Known for great readability regardess of its size,
     - As headline or body, it catches your eyes
     - A reliable typeface that emphasizes looks
     - But most ideal for books (Harry Potter, The Hunger Games & Cat in the Hat)
     - With over 20 modern variations,
     - It is a timeless type sensation
     - Garamond
02. Storyboards

Sketchbook ideas

Before creating storyboards, I sketched various ideas to discover different ways to describe Garamond using a time-based medium. I wanted to emphasize that Garamond is a type used for books and logos, and point out its specific characteristics. Garamond also has numerous modified variations, so I wanted to dedicate a few seconds of the video to the variations. Regarding the style, I wanted to continue the color scheme used in the spread for continuity and only use Garamond type to emphasize that it can be a good title and a body type. 

First storyboard

Second storyboard

Final Storyboard

I had multiple drafts of storyboards before working on the video. But before I started working, I knew that my video is likely going to be different from the anticipated visuals.
03. Music Choice
My final choice of music for the video is Changli by Ooyy, a Swedish composer. The subtle beat of the music prevents Garamond from feeling "old school" and gives it a modern twist. I believe that the music will add fun and excitement to the final video.

Changli by Ooyy

04. Final Video

Final time-based video

View other projects

Back to Top