Synthetic Nature: Eleanor Yang's Generative Typography That Moves

Eleanor Yang's Synthetic Nature transforms generative typography into a living system. Three typefaces respond to the body via webcams, touch, and p5.js.

Yang's practice spans brand systems, motion design, and interactive design, all of it focused on how visual language can behave and respond. Synthetic Nature is her most physical project to date. It treats type not as a static mark but as a responsive organism. Users manipulate grass, sponge, and their own faces to customize typographic assets, moving well beyond traditional mouse and keyboard interaction. The project addresses a gap in tactile technology experiences, exploring how physical presence can reshape a digital medium.

How Generative Typography Becomes a Living System

Three typeface creatures form the family. DNA type features clustered, branching units that mimic microscopic life. Mesh type appears porous and sponge-like in texture and behavior. Data type comprises twisted wires resembling circuit board traces. Each brings a distinct material logic to the screen, with its own visual rhythm and structural identity.

The generative typography installation runs through three interactive stages. Activation begins when a webcam detects proximity, causing the type to slow and shrink. Evolution follows when touch sensors increase line length and density across the composition. Reset is a soft shutdown triggered when the space goes unoccupied. Built with p5.js, Cavalry, Spark AR, and Cinema 4D, the system allows different programs to communicate directly with each other, creating a coherent feedback loop.

Yang frames Synthetic Nature as a study in entanglement. By letting a digital typographic system respond directly to bodies in a room, the work tries to make that relationship visible. Yang's interest in how organisms are constructed drives the project. Her work, covered on It's Nice That, shows how generative typography can extend into something more speculative, asking what life forms may resemble in a century as technologies feel less like tools and more like living entities. Synthetic Nature sits at that boundary.

Eleanor Yang Synthetic Nature generative typography installation viewSynthetic Nature generative typography three typeface creatures familyEleanor Yang generative typography DNA type branching unitsSynthetic Nature generative typography Mesh type sponge-like typefaceEleanor Yang generative typography Data type circuit board wiresSynthetic Nature generative typography interactive installation Eleanor YangEleanor Yang generative typography activation stage webcam detectionSynthetic Nature generative typography evolution touch sensors animationEleanor Yang Synthetic Nature generative typography reset phase shutdown

Get Featured

Send your project to be featured on the blog. Follow the instruction on the template and good luck. Ah, make sure you add the images and credits that are due.

Submit content