adamr.io_

A design system, posters, programs, and interfaces.

Lokta, an editorial design system I built and that this site runs on; graphic design for theater and film produced at Wesleyan between 2017 and 2019; and interface work from current projects. Everything here is shipped: the system is published, the posters were printed, and the products are running.

1 system
Lokta design system: the Lokta wordmark, the stock switcher, and a summary of its type, colour, stocks, and tokens
Lokta

An editorial UI design system that treats the screen as a printed page, after the layout of Sachiyo Harada's Cuisine on Screen (Prestel). Warm paper stocks, marigold as the hero pigment, Archivo / Spline Sans Mono / Source Serif 4, and a flat, hard-edged component layer. Ships tokens (CSS/SCSS/JS), components, and Marp, Typst, and Mermaid themes. WCAG 2.2 AA. This site runs on it.

Creator · Tokens, components, themes · 2026
5 posters
Anandi
Thesis film · Designer
Dir. Thanmye Lagudu · 2019
Disgraced
Second Stage · Director & designer
Malcolm X House · 2018
What the Esque
Queer film + arts show · Designer
Westco Café · 2018
La Violecion of My Papiyon
By Arline Pierre-Louis · Designer
Patricelli '92 Theater · 2017
Rhinoceros
Ionesco · Asst. director & designer
Second Stage · 2018
2 interfaces
Riprap NYC
Briefing UI · Solo
Civic AI · 2026
Ariadne NYC
Route planner interface · Hackathon
Geospatial AI · 2026
4 themes

Open-source Marp themes, each with light and dark variants and Mermaid diagram theming. Built on established design systems and typographic traditions.

Carbon
IBM Carbon Design System
Marp theme · 2026
Neobrutalism
Thick borders · Space Grotesk
Marp theme · 2026
Tufte
Edward Tufte · ET Book
Marp theme · 2026
Bold
Bold Design System · UFSC
Marp theme · 2026
4 photos

Set design for La Violecion of My Papiyon by Arline Pierre-Louis. SHADES, Patricelli '92 Theater, Wesleyan University, April 2018. Photos by Dani Smotrich-Barr.