Launch Recite Me assistive technology
A screenshot of a website showing a typeface tester. The words “Type Phase” are displayed in a bold, experimental black font where some letters merge into fluid, organic shapes.

Phase, a generative type tool by Elias Hanzer, manipulates letters by hand or sound

—
Date
28 January 2019

Since It’s Nice That started championing graphic design one sector of the discipline, in particular, has become a regular focus and consequent talking point: type design.

Whether it’s lettering, a typographic identity or just the exciting rise of independent type foundries popping up in all corners of the globe, type design piques the interest of designers with an eye for detail. Communication is consistently at the heart of the graphic design practice and so it makes sense that the letterforms used to communicate ideas as words are at its centre. But as technology expands the remit of what a designer can actually do with a piece of type, variable fonts appear to be a key element designers are attempting to push into their portfolios. Just last week we covered a new type tool by Dinamo and this week a designer we’ve written about multiple times, Elias Hanzer, talks us through his new generative type concept, making use of variable font technology.

Built as a digital tangent microsite to Elias’ already strong typographic portfolio of work, the project titled Phase features a new typeface by the designer which can react to either a manual slider or sound, with web development by Florian Zia. Depending on your choice of typographic manipulation, characteristics of Elias’ typeface will grow thicker or thinner, morphing from the readable into the decorative, or vice versa.

An experiment, Phase developed from “the specific question on what a modular typeface can be and wherein lie its strengths,” Elias tells It’s Nice That, “as well as the statement that every visual code or style is built upon a more or less modular system.” Identifying how the emergence of typographic styles goes hand-in-hand with technological assistance, “the extent to which or whether this technology will influence the shape of our writing and symbols cannot be predicted at this point” says the designer. In turn, this unknowingly led Elias to conduct his own research.

With this idea in mind, Phase features a modularly designed font “that consists of only two building blocks – a circular and a linear one,” points out Elias. Each of the blocks can then be pushed and pulled, and in turn, “a typeface is built that is no longer visible in its modular structure.” Modular typefaces are beneficial as if you manipulate one element everything else changes, leading Elias to use this as a base, before encouraging it to take on its own forms through phases.

Consequently, Elias’ website should be used more “as a kind of construction kit and at the same time a showcase for Phase,” says the designer while simultaneously acting as a digital embodiment of how the type design world is changing in how it “moves, adapts or reacts to external influences.”

A screenshot of a website for a generative type concept called “Phase”. Bold, black serif text on a white background explains that the font can be manipulated in real-time via voice input. Control sliders and buttons for “Random” and “Download Typephase” sit at the bottom of the screen.
Above

Elias Hanzer: Displayed Typephase: Phase-M1M2-F-51-100-100

A typographic study showing a sans-serif font evolving into organic, rounded shapes. The text begins with “Phase Base” and lists various alphanumeric codes as the letters become increasingly distorted and fluid.
Above

Elias Hanzer: Overview #1 of Extremes of Phase M1-A

A screenshot of a website interface with a white background and blue accents. Large blue text in the centre reads “Image Drop” over a diamond-shaped image of tangled orange cables.
Above

Elias Hanzer: Displayed Typephase: Phase-M1-C-0-51-0, background image: Photography by Nora Hollstein

A browser window displays a website with a bright blue background. The word “Voice” is written in a large, experimental white typeface in the centre.
Above

Elias Hanzer: Displayed Typephase: Phase-M2-D-71-0-0

A screenshot of a website interface with a black background and red accents. In the centre, the lowercase letters “abc” appear in a bold, red, stylised serif typeface.
Above

Elias Hanzer: Displayed Typephase: Phase-M1M2-F-0-100-23

A screenshot of a website with a black background and white text. The centre of the screen displays the URL “www.eliashanzer.com/phase” in a thin, geometric typeface.
Above

Elias Hanzer: Displayed Typephase: Phase-M1M2-G-100-65-0

A grid of black text on a white background, arranged in three columns. The lines begin with the word “Phase” followed by alphanumeric codes that gradually distort and glitch into illegible shapes.
Above

Elias Hanzer: Overview #2 of Extremes of Phase B-G

A technical grid showing various iterations of a curved black line and stroke. The elements are organised into rows and columns with alphanumeric labels such as “Ph0” and “M1-3/3”.
Above

Elias Hanzer: Overview of Smart Components of Phase M1-A

Share Article

About the Author

Lucy Bourton

—

Lucy (she/her) was part of the It’s Nice That team from 2016–2025, first joining as a staff writer after graduating from Chelsea College of Art with a degree in Graphic Design Communication, eventually becoming a senior editor on our editorial team, and most recently at Insights, a research-driven department with It’s Nice That.

It's Nice That Newsletters

Fancy a bit of It's Nice That in your inbox? Sign up to our newsletters and we'll keep you in the loop with everything good going on in the creative world.