Design System
2026
↗Open the Figma library ↗Open the live prototype ←Moderne Design Kit preview
tokens + components mirrored 1:1 across morpheus.html, the Figma library, and Paper · every specimen below renders live from the token set in both modes

Color tokens

light / dark · warm cream canvas · ink navy · strand spectrum accents

Each token resolves per mode. Swatch pairs show light on the left half and dark on the right. Source of truth: the [data-theme] + skin-morpheus blocks in morpheus.html; mirrored as the Color collection in the Figma library.

bg
#F2F0EA · #141419
field
#FBFAF6 · #222229
card
#FBFAF6 · #26262E
surface
#EDEBE2 · #2A2A32
surface2
#E4E1D6 · #33333D
text
#232342 · #F1F0EA
muted
#62627A · #9C9CA8
accent / link
#1055E2 · #3E7BF6
accent-deep
#16306B · #3E7BF6
primary (controls on)
#3E7BF6 · #3E7BF6
button/primary (ink)
#232342 · #F1F0EA
green (mint)
#30F284
green-hi / success
#1D5937 · #30F284
error
#C9291C · #FA826F
warning
#B68B12 · #E8BA4C
violet / queued
#9D5BE8
teal (data)
#0E4A45 · #25D0C0
magenta
#E6399B

Type

Geist · Geist Mono
Page title — DevCenter18 / 400
Card title — Organization statistics15 / 600
Body — Renders a treemap of language usage across the working set.14 / 400
Label — Repository status12 / 500
mono — io.moderne.lindsay.Untitled12 mono
OVERLINE — VISUALIZATIONS10 mono
Page title — DevCenter18 / 400
Card title — Organization statistics15 / 600
Body — Renders a treemap of language usage across the working set.14 / 400
Label — Repository status12 / 500
mono — io.moderne.lindsay.Untitled12 mono
OVERLINE — VISUALIZATIONS10 mono

Radius & spacing

squared 4px controls · soft 10–12px containers · pill status
4 control
10 input
12 card
16 main
999 pill
Spacing scale
4 · 8 · 12 · 16 · 24 · 32
4 control
10 input
12 card
16 main
999 pill
Spacing scale
4 · 8 · 12 · 16 · 24 · 32

Icons

custom inline symbol set · 24×24 · stroke currentColor · width 2

UI icons are the hand-drawn Feather/Lucide-style inline SVG symbols defined in morpheus.html (referenced via <use href="#i-name">). Brand marks (npm, Maven, GitHub) come from the simple-icons CDN.

sparkles
pie
globe
blocks
history
activity
repo
package
people
search
gear
help
check
x
plus
chevd
eye
download
link
alert
play
sparkles
blocks
home-mark

Buttons

.pill-btn · squared 4px · ink primary
Auto-generate ID
Auto-generate ID

Status pills

.pill · pill-shaped by design (status stays round)
FinishedFailedQueued CanceledRunning
FinishedFailedQueued CanceledRunning

Badges & chips

.badge / .nav-version-badge / count chips · squared 4px
12 recipesv3 56128
12 recipesv3 56128

Avatars

.avatar ink/mint · .miniava committer tints
L TJKH LAAR
L TJKH LAAR

Controls

toggle · outline checkbox · radio · Blue AAA when checked
Toggle
Timeline view Include not ingested Disabled
Checkbox — outline family
Unchecked Checked Mixed Disabled
Radio — configuration
Lines of code
Successfully-parsed files only
File count
Includes unparsed files
Toggle
Timeline view Include not ingested Disabled
Checkbox — outline family
Unchecked Checked Mixed Disabled
Radio — configuration
Lines of code
Successfully-parsed files only
File count
Includes unparsed files

Inputs

.nr-input · .search-input · .org-selector
languages
Search recipes⌘K
my new org
languages
Search recipes⌘K
my new org

Tabs & segmented control

.tabs/.tab · .seg/.seg-btn

Lists

sidebar picker · mono overline · sunken selected row
VISUALIZATIONS
VISUALIZATIONS

Cards

data-table catalog card · Inspect + Download CSV
DATA TABLE

Organization statistics

Per-repository statistics aggregated at the organization level.

AGGREGATED TABLE

Upgrades and migrations

Progress towards organizational objectives on library or language migrations and upgrades.

Toasts

.toast · washed tints · error / warning / success / information
Error

Commit failed for space-sdk — the branch has diverged and the working tree could not be updated.

RetryView repository status
Success

Committed results to 11 repositories. Pull requests are open and awaiting review.

View pull requests
Information

A newer LST is available for 28 repositories. Re-run the recipe to include them.

Re-run recipeDismiss
Error

Commit failed for space-sdk — the branch has diverged and the working tree could not be updated.

RetryView repository status
Success

Committed results to 11 repositories. Pull requests are open and awaiting review.

View pull requests
Information

A newer LST is available for 28 repositories. Re-run the recipe to include them.

Re-run recipeDismiss

Modals

.mo--form · New recipe (builder)

New recipe

Auto-generate ID from name

New recipe

Auto-generate ID from name