Nothing here yet.
2 Font Remix Output 2026.10
3 Font Remix Output 2026.10
4 Font Remix Output 2026.10
5 While working on Typ-o-matics, it was intentional to use generative displacement maps, and not just displacement calculations to invite serendipity. As the work developed, the displacement maps became just as interesting as the final output.
6 Alternative displacement method exploration for Typomatics.
7 Image Lab Output
8 Font-remix is a web-based experiment that proposes the process of configuring letter forms at runtime and generating a customized font file for download. Using opentype.js and performing boolean operations on the vector letterforms, two open source typefaces are combined according to a set of grids.
Email info@lorraine.li to request a Beta version:)
Email info@lorraine.li to request a Beta version:)
9 Design and development for Dwight Eschliman's One Day project. The photographer takes snapshots of each second in a day at various locations around the world. These images make up a portrait of a day.
The site allows the photographer to offer customized viewing experiences of the work, as individual thumbnails or as a collection, in static sequences or in motion.
The website's backend includes a KirbyCMS panel supplemented by direct FTP upload to handle the amount of images in each upload.
With Micah Barrett at Manual.
The site allows the photographer to offer customized viewing experiences of the work, as individual thumbnails or as a collection, in static sequences or in motion.
The website's backend includes a KirbyCMS panel supplemented by direct FTP upload to handle the amount of images in each upload.
With Micah Barrett at Manual.
10 Type-based graphic system Livewire's brand book.
To create high resolution (vector) print material, we developed a type manipulation method as follows: typography is first interpreted as a pixel matrix, wave based displacement is then sent through the matrix for the distortion.
With Yan Yan at Manual
To create high resolution (vector) print material, we developed a type manipulation method as follows: typography is first interpreted as a pixel matrix, wave based displacement is then sent through the matrix for the distortion.
With Yan Yan at Manual
11 Robert Brownjohn is an open source font created using the Font-Remix tool.
With Jonathan Maghen of Primary Foundry (primary-foundry.com) based on the 1959 Grishman-Ryce Duo cover art designed by Robert Brownjohn.
primary-foundry.com/typefaces/robert-brownjohn/
With Jonathan Maghen of Primary Foundry (primary-foundry.com) based on the 1959 Grishman-Ryce Duo cover art designed by Robert Brownjohn.
primary-foundry.com/typefaces/robert-brownjohn/
13 Instant Acumen
16 Mid-Autumn
18 Work Lamp
19 MOS Casa No. 1–17 Book
20 Personal photography site for Joiii, artist and photographer based in Tokyo.
The site features navigation by color and scale via sliders. The color slider is a gradient visualization of the amount of photographs tagged each color on the content management system.
Web Design: TAOGRAPHICDESIGN(LTD.LTD.)
The site features navigation by color and scale via sliders. The color slider is a gradient visualization of the amount of photographs tagged each color on the content management system.
Web Design: TAOGRAPHICDESIGN(LTD.LTD.)
21 Website design and development for the RISD GD Senior Show themed Intersections.
Branding by Gabriel Abascal
Senior show committee: Damini Agrawal, Emily Mahar, Gabriel Abascal, Grace Young, Lorraine Li, Maddy Teh, Minji Koo, Xio Espana
intersections.risd.gd
Branding by Gabriel Abascal
Senior show committee: Damini Agrawal, Emily Mahar, Gabriel Abascal, Grace Young, Lorraine Li, Maddy Teh, Minji Koo, Xio Espana
intersections.risd.gd
22 Rewind Festival
23 Untitled Variable Font
24 The project attempts to distill the narrative of The Old Man And The Sea to meaningful symbols compiled with computational method, with hopes to create a visual story parallel to the cannon narrative.
All semantic information are gathered from the text using Python, visualized using Processing for “type-setting” in Indesign.
*Footnotes in the book are quotes in the text that correspond to the bracketed line of symbols.
All semantic information are gathered from the text using Python, visualized using Processing for “type-setting” in Indesign.
*Footnotes in the book are quotes in the text that correspond to the bracketed line of symbols.
25 Direction and design for the multimedia studio Seeeklab’s pop-up exhibition "At Seeeklab" and store in Shanghai, translating their interactive installation works into retail product graphics, catalog, signage, marketing collaterals, etc.
The graphics are directly referencing circuit designs used in installations featured in the exhibition, embracing the "work in progress", "created to inpire" concepts of the pop-up.
The graphics are directly referencing circuit designs used in installations featured in the exhibition, embracing the "work in progress", "created to inpire" concepts of the pop-up.
26 Graphic and art direction developed for At Seeklab, Seeklab's experiential activation.
27 The project attempts to distill the narrative of The Old Man And The Sea to meaningful symbols compiled with computational method, with hopes to create a visual story parallel to the cannon narrative.
All semantic information are gathered from the text using Python, visualized using Processing for “type-setting” in Indesign.
*Footnotes in the book are quotes in the text that correspond to the bracketed line of symbols.
All semantic information are gathered from the text using Python, visualized using Processing for “type-setting” in Indesign.
*Footnotes in the book are quotes in the text that correspond to the bracketed line of symbols.