Editorial art platform
Let’s Worm
Let’s Worm is an ongoing collaboration with writer Dan Murphy, pairing strange, compact stories with drawings, paintings, and visual experiments made in response.
- Role
- Creative direction · Illustration · Design and engineering
- When
- 2017—Now
- Built with
- SvelteKit · Sanity · TypeScript

The premise
Let’s Worm began with a simple exchange: one person makes a prompt through writing or drawing, and the other responds. Sometimes the story leads; sometimes the image does. The constraint keeps the work quick, strange, and open enough to surprise both collaborators.
The collaboration
Writer Dan Murphy and I have been building the collection since 2017. Most entries pair flash fiction or very short fiction with sketches and color studies, while longer stories and more involved bodies of artwork occasionally stretch the format.
The visual practice
The project creates room to move between illustration, painting, character work, collage, and sequential images without forcing everything into a single house style. The continuity comes from the exchange itself: image and text operate as companion pieces rather than one simply decorating the other.
The platform
I designed and built the current SvelteKit and Sanity site to turn a long-running archive into a browsable editorial system. Work can be explored by form—including stories, retellings, sets, and musings—while individual entries give the writing and artwork enough space to set their own pace.
What I owned
I created the illustrations and visual responses, helped shape the ongoing editorial collaboration, and designed and engineered the current platform. That work spans creative direction, content modeling, interface design, frontend development, and the practical migration of a growing archive into a system that can keep evolving.
The system behind the work
Let's Worm Design System
A warm, strange, and accessible editorial system that gives Let's Worm a coherent literary identity while keeping stories resilient across themes, viewports, content lengths, and input methods.
-
Editorial before ornamental
Stories, contributors, and issue context remain clear before the system introduces visual flourish.
-
Warm, strange, and human
Caslon, Futura, paper tones, mauve, and the worm motif create handmade character without compromising legibility.
-
Movement has meaning
Motion communicates state and continuity while reduced-motion users receive an equivalent static experience.
-
Resilient by default
Components tolerate long titles, absent images, narrow containers, zoom, and light or dark environments.
-
Native interaction first
Links, buttons, forms, headings, and landmarks retain native behavior, visible focus, and clear accessible names.
Visual fingerprint
Identity, components, and proof.
A curated view of the system’s real foundations and state coverage—not a second documentation site.
Foundation
Semantic color
- Paper
#f6eee8Primary editorial surface
- Warm ink
#271d09Reading text and structure
- Mauve dark
#8c5061Focus and strong accent
- Mauve
#bf718ePrimary action and worm identity
- Mauve light
#d9a5b3Dark-theme action and tint
- Cream
#f5f1e8Raised editorial surface
Foundation
Typography roles
- Reading Adobe Caslon Pro
Carries stories and long-form editorial content with a literary voice.
- Display and interface Futura PT
Marks structure, navigation, metadata, and expressive headlines.
- Technical Fira Mono
Supports code-like and technical moments without entering story text.
Inventory
Representative components
Action controls
Native buttons share one action and focus language across editorial and utility flows.
- Primary
- Secondary
- Disabled
- Pending
- Focus
Field
Visible labels, associated guidance, and errors keep forms understandable in every state.
- Default
- Guidance
- Invalid
- Disabled
- Focus
Story card
Editorial cards keep text intact across long titles, absent images, and narrow containers.
- Standard
- Long title
- Missing image
- Narrow
- Empty
In the product
System at work

Decision propagation
Editorial character without fragile layouts
Paper, ink, mauve, Caslon, Futura, and the worm motif adapt across themes while stories, bylines, summaries, and navigation remain structurally clear.
A three-pixel focus ring, reduced-motion transitions, mobile-menu focus containment, forced-colors fallback, and responsive reflow protect the reading experience.