PANGRAM PANGRAM | Neue Montreal Mono
A series of generative designs made for a type foundry to promote their new monospaced font.
SERVICES
Creating generative design assets for branding usage
TOOLS
HTML/CSS/JS, Three.js, p5.js, Adobe Illustrator1: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.
L: Javascript + p5.js
R: Machine Learning
L: Three.js
R: Computer Vision
Font provided by Pangram Pangram.