Pangram Pangram | Neue Montreal Mono
A series of generative designs made for a type foundry to promote their new monospaced font.
Tool
HTML/CSS/JS, Three.js, p5.js, Adobe IllustratorCommissioned from Pangram Pangram, I created a series of generative content with code to promote their new typeface - Neue Montreal Mono.
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.
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