TUAN_HUANG

WEB
GRAPHIC
SYSTEMS



PANGRAM PANGRAM | Neue Montreal Mono

A series of generative designs made for a type foundry to promote their new monospaced font.



BRAND IDENTITY INTERACTIVE GENERATIVE


SERVICES

Creating generative design assets for branding usage



TOOLS

HTML/CSS/JS, Three.js, p5.js, Adobe Illustrator




1:1 ratio for social media posts



Commissioned from Pangram Pangram, I created a series of generative content with code to promote their new typeface - Neue Montreal Mono.


“From its clean, modern aesthetic to its extensive character set, 14 styles including italics and multilingual support, Neue Montreal Mono empowers designers, developers, and creatives with the tools to excel in every project. Upgrade your typography game today and discover the endless possibilities with Neue Montreal Mono.” - Pangram Pangram



/ Generative Design Series


In this series, I included multiple techniques and libraries in various coding languages, including a machine learning model, computer vision, WebGL with Three.js, and browser based interactions with Javascript, HTML and CSS.

Through these tools, I wanted to demo how versatile the typeface is, and how elegantly it fits into both the programming and creative languages. In some examples, I also played with the nature of monospaced font, which shares equal width per character. 



*

This project is an exercise made possible by Pangram Pangram Foundry, with their providing of the typeface Neue Montreal Mono




TUAN_HUANG © 2024


REACH ME AT