Lorraine Li

Graphic Designer and Programmer

Designs brand identities, typographic systems, websites
and interactive experiences. BFA in Graphic Design from
Rhode Island School of Design. Previously at Studio Lin
and 2x4 New York. Currently at Manual SF.

IG @lorrr.l

Font Remix
Web Tool, 2019

Font-remix is a web-based experiment that proposes modes of configuring letter forms for download and project use. Using opentype.js and performing simple boolean operations on the vector letterforms, two open source typefaces are combined according to a variety of grids.

(Please email info@lorraine.li to request a Beta version or inquire about a collaboration.)

Math Museum
Graphic Identity, 2019

Generative identity proposal for the Math Museum in NYC using Lissajous Patterns as a dynamic element.

Color Lab Beta Site
Website, 2019

Temporary site for the RISD Color Lab launch event.

The site acts as a shared canvas that each user can pour colors onto. The landing page that each user sees is created by the last user. Each user’s reading experience can be altered by other users who access/edit the site in real time.

Collaboration with Minkyoung Kim.

Poster, 2019

Two-color(black and gold) Riso poster for the Mid-Autumn Day event by RISD CSSA.

At Seeeklab
Creative Direction, 2019

Direction and design for the multimedia studio Seeeklab’s pop-up exhibition and store in Shanghai, translating their interactive installation works into retail product graphics, catalog, signage, marketing collaterals, etc.

RISD GD Senior Show 2020
Website, 2020

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


Rewind Festival
Experiment, 2020

A sound-reactive logo lockup. Type manipulation using opentype.js, p5.js.

How do you feel?
Experiement, 2019

A web poster that documents visualized user input. User enters the site, answers a simple question and chooses a color as an avatar, which mirrors the conventional action of RSVP. The site becomes a visualization of its users in an unordered fashion. Mobile version of the site shuffles according to device orientation.


Algorithmic Reading II
Experiment, 2017

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.

Algorithmic Reading I
Experiment, 2017

“Reading” The Stranger by Albert Camus using algorithms to visualize the reading experience and semantics of the novel.

A visual system was created to differentiate The Stranger from other literary work, highlighting the short sentences and frequent pauses of the writing that create an atmosphere of detachment, indifference and resignedness. Each white pixel represent a pause with a sentence fragment in between. Associated with the impact they have on readers, shorter fragments are darker and longer fragments are lighter in color.

Another poster ranks the most frequent phrases to stitch together a version of the narrative.

Information was gathered from the 34,698-word novel using Python, visualized using Processing.