← Selected work

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
Let’s Worm issue landing page featuring the Moon City title and a large sculptural pink worm
01

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.

02

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.

03

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.

04

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.

05

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.

Design system Emerging · Contract 1.0.0

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.

  1. Editorial before ornamental

    Stories, contributors, and issue context remain clear before the system introduces visual flourish.

  2. Warm, strange, and human

    Caslon, Futura, paper tones, mauve, and the worm motif create handmade character without compromising legibility.

  3. Movement has meaning

    Motion communicates state and continuity while reduced-motion users receive an equivalent static experience.

  4. Resilient by default

    Components tolerate long titles, absent images, narrow containers, zoom, and light or dark environments.

  5. 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.

01

Foundation

Semantic color

  • Paper#f6eee8

    Primary editorial surface

  • Warm ink#271d09

    Reading text and structure

  • Mauve dark#8c5061

    Focus and strong accent

  • Mauve#bf718e

    Primary action and worm identity

  • Mauve light#d9a5b3

    Dark-theme action and tint

  • Cream#f5f1e8

    Raised editorial surface

02

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.

03

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
04

In the product

System at work

Let’s Worm story page showing editorial typography, contributor credits, issue context, and long-form reading layout

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.

Accessibility and resilience Native interaction carries the expressive layer

A three-pixel focus ring, reduced-motion transitions, mobile-menu focus containment, forced-colors fallback, and responsive reflow protect the reading experience.

Next project Grande Burrito