The goal of this brief is to promote adoption of variable fonts and awareness of their potential, by showcasing them as typographic tools with fluid design spaces. Your solution should show how this technology might be used (through the use of variable fonts), and explore or explain ideas of variability (through other means).

Variables are used to define unknowns – placeholders for possibility. What is the value of variability in design and how can this expanded control benefit the typographer and reader? Does this change the relationship between the reader and the typographer? How does the flexibility of form in a variable typeface change the way a reader perceives the personality of a typeface? What will variable fonts need to do in the future? What are the different affordances of variability in print and digital contexts. You might choose to engage the reader in the variability, playing with content as a variable for typographic treatment. Or you might explain the concept of a variable font through metaphor or analogy.

Although variable fonts are embedded in a digital context, the outputs of a variable font also offer nuance and control to the typographer working in print media.

The variable font is the future of the web. It’s a font file that behaves as multiple ones generating styles in between – for example bold and semi bold. Keeping the identity and true voice of the typeface, variable fonts can work as design elements too. After 2 months of daily and consecutive research and trials, I decided to use visual representations of how variable fonts would change on the screen. Visuals were mainly used to explain how variable fonts behave, and how they might differ according to the axis chosen and modified. In addition to the acetate papers revealing more detailed explanations while it overlaps the book design. The size of my booklet is 20x30cm (trimmed); open spread size is 40 width x 30 cm height - an average size of all desktops, since variable fonts are the future of the "web". Now that I decided on the outer display, it's time for the concept.

My concept applied was based on stripes, which are animated by hand. The word would be written with stripes; to decipher the word and to see what happens when the axis is modified, a striped acetate film is placed above of the word and slowly moved according to the direction of the word.

You’ll get to see the animation manually of the word changing its fonts and its variations.
The idea came to my mind thinking about moderating a specific axis on the web, so i wanted to show the variation of the font throughout the whole booklet to make this new update easy to grasp and understand.