Alexis Monette

Heart Code

personal projectDesign Language · v1.0Open kit

My aesthetic operating system. Color as data. Published as an open kit at github.com/MUSESHIFT/heartcode-site-kit.

11 rainbow accents

Named colors, each with a job. Each has a body zone, a temperature, a weather analog.

17 candy-card pastels

Flat pastel card backgrounds, tagged with moods such as bleed, glamour, glitch and ritual, set the tone before any type appears.

23 wrong-feeling pairs

Color combinations the design world tells you to avoid. Heart Code says: that friction IS the signal.

11 fonts

Pixelify Sans · VT323 · Silkscreen · Press Start 2P · Upheaval TT · Alagard · KiwiSoda · Pixellari · rainyhearts · VCR OSD Mono · Space Mono. Mix per letter.

6 border gradients

Frames set temperature even when empty.

5 corruption modes

Controlled degradation states — for when the system should LOOK like it’s breaking.

At a glance.

Origin
Personal project
Self-initiated, for fun.
Role
Designer and engineer
Solo build.
Scope
Design system as an engine
Scripts generate the artefacts.
Deliverables
Pastels, pairings, fonts, borders, corruption modes
Shipped 25 times across 2025 and 2026.
Inventory
150+ colors: 11 rainbow accents · 17 candy-card pastels · 23 wrong-pairs · 6 border palettes · 6 state palettes · 11 fonts · 5 corruption modes
What the system contains today.

Heart Code is where my design sensibility and my engineering actually merge. I design the engine that builds the thing, so that updates to the system mean a Python or Node script runs once and 40 spreads update consistently. The vocabulary is mine. The fonts are picked by hand. The build pipeline lives on this droplet. The output has shipped 25 times in 2025-2026 and counting.

Iterated through 7 versions of the build pipeline — from raw signal JSON through layout composition to printable PDF via LibreOffice headless on the droplet. Decks built programmatically, no hand-pushing-pixels for the 40th spread.


Latest: v25. Available on request.

On this site

The per-letter ransom on every title. The color palette. The font mixing. The never-minimalism.

On my body-map

Hobonichi weekly planner cards, 6-state stickers, weather-coded spreads.

In CINDER

CINDER’s color generator names new colors in Heart Code voice and writes them to her lexicon.

As a zine

25+ build iterations. Each a PDF. Each a snapshot of the system at that moment.

Every Heart Code color name points to a real state. VOLTAGE at intensity 4 IS a specific somatic state. SLICKVEIL IS what being stuck feels like. The system lets me log, display, and eventually RETURN TO states through the pattern of colors alone.

Independent · Alexis Monette, all of it

  • Concepta design system built as an engine
  • Art direction & designpastels, pairings, fonts, borders, corruption modes
  • Writingthe doctrine and the wrong-feeling pairs
  • Engineeringthe scripts that generate every artefact

Origin

  • Personal projectself-initiated, for fun