SONICTYPE
︎︎︎ Typography
︎︎︎ Coding / P5.js
︎︎︎ Website
SONICTYPE is a generative typeface inspired by sonic vibrations and human sound input. It breaks down the shapes of existing letterforms and translates them into abstracted sound waves creating unique generative outputs.
A coded web-based tool was created to make the generative letterforms and explores 4 parameters which affect the typeface's styles which are: SCALE, WIDTH, DENSITY, and STROKE. A type specimen was also produced alongside the coded tool, exploring the potential of the dynamic and reactive typeface.
Personal Project (2022)
![](https://freight.cargo.site/t/original/i/481a18d3722012e1bde45b1f442d3ca2211993d13cc7e9ff98ecc9b81cfc428e/Generate_Outcome14.jpg)
![](https://freight.cargo.site/t/original/i/d9fa2c488fe8d9c80dbf215e29e2bac8d437475ce1d13fe79c663cefcc3d64a4/Mockup-2-cDDopy.jpg)
![](https://freight.cargo.site/t/original/i/ade90f2ca95400e28f14de01ee3d82b33f1512bed656226743170c5e5619bd10/Generate_Outcome3.jpg)
![](https://freight.cargo.site/t/original/i/5b55a52fba5bd3d0468fbae0f24d2c86a044931c2d26fab84901f7f0e6a93194/Generate_Outcome5.jpg)
![](https://freight.cargo.site/t/original/i/f9616d85ac519d27a0e4437dacbf795957cb84ab56a38be2128082be29b03fd8/Generate_Outcome.jpg)
![](https://freight.cargo.site/t/original/i/b7cdd8c138436d3b4e9b2b65bdf2a0c35aa09d1f2151a67258e744c9f1725521/Generate_Outcome2.jpg)
![](https://freight.cargo.site/t/original/i/be5aae0d5de745fdd9d8a4bb362f27a6c21af08f6f204cc8342c0aa780bb1810/17-18.jpg)
![](https://freight.cargo.site/t/original/i/f11e1eaab2b75e48c519602286aa87d0f32c003b9e085df4aa054e0f3f777192/19-20.jpg)
![](https://freight.cargo.site/t/original/i/f0ce14ac7e4926c1a12bcfca3e3594197b7397b2d950f1ce6119b08453e9ec21/2122.jpg)