quilt

Foundations · Color (primitives)

ink

ink-0

#0c0d10

ink-1

#15171b

ink-2

#1c1f24

ink-3

#2a2d33

ink-4

#3d4148

ink-mid

#6a6d74

ink-soft

#7d8089

ink-mid-bright

#a6a9b0

ink-bright

#e8e9ea

paper

paper-0

#fafaf7

paper-1

#f4f4f0

paper-2

#eeeeea

paper-3

#dfdfd9

paper-4

#c8c8c1

paper-mid

#6a6c62

paper-soft

#4a4c45

paper-bright

#1a1a1e

mint

mint-soft

#c8e6c9

mint-bright

#7dd97d

mint-deep

#1d2820

rose

rose-soft

#e88a8a

rose-deep

#2b1c1c

rose-tint

#fce8e8

amber

amber-soft

#e7c884

amber-deep

#2a2414

amber-tint

#faf1e0

ember

ember-soft

#d98a5f

ember-deep

#2a1d14

steel

steel-soft

#5fa8d3

steel-deep

#142028

sky

sky-void

#07080b

sky-star

#9fb0c6

sky-star-dim

#4a5364

moon

moon-soft

#f3f1e9

moon-deep

#3a3428

azure

azure-

#8fb8ff

amethyst

amethyst-soft

#c7a3ff

amethyst-medium

#9b6cf0

amethyst-deep

#1f1530

amethyst-tint

#f2ebff

Foundations · Color (semantic)

button

button-primary-bg

#1f1530

button-primary-border

#c7a3ff

button-primary-fg

#c7a3ff

button-danger-fg

#e88a8a

button-danger-border

#2b1c1c

credrow

credrow-hover

#1c1f24

elevation

elevation-scrim

rgba(0,0,0,0.55)

elevation-scrim-light

rgba(15,15,20,0.35)

bg

bg-base

#0c0d10

bg-raised

#15171b

bg-hover

#1c1f24

icon

icon-tile

#e8e9ea

border

border-default

#2a2d33

border-focus

#3d4148

text

text-primary

#e8e9ea

text-secondary

#a6a9b0

text-muted

#7d8089

accent

accent-fg

#c7a3ff

accent-bg

#1f1530

danger

danger-fg

#e88a8a

danger-bg

#2b1c1c

status

status-pass

#7dd97d

status-warn

#e7c884

status-warn-bg

#2a2414

status-fail

#e88a8a

status-unknown

#6a6d74

scrim

rgba(0,0,0,0.55)

diagram

diagram-container

#15171b

diagram-container-2

#0c0d10

diagram-container-label

#7d8089

diagram-edge

#3d4148

diagram-edge-label

#6a6d74

diagram-edge-active

#c7a3ff

Foundations · Typography

Families · primitive

MonoThe quick brown fox · 0O1lI · sec get personal fal-key

SansThe quick brown fox · 0O1lI · sec get personal fal-key

Scale

nano / 10The quick brown fox jumps 0123456789

micro / 11The quick brown fox jumps 0123456789

small / 12The quick brown fox jumps 0123456789

body / 13Dreams are filed in Dreamland and forged in Lab — the bed holds four posts and the dreamer rests on top.

h3 / 16The quick brown fox jumps 0123456789

h2 / 21The quick brown fox jumps 0123456789

h1 / 28The quick brown fox jumps 0123456789

mono / 13sec get personal fal-key

Weight

regular / 400The quick brown fox

medium / 500The quick brown fox

semibold / 600The quick brown fox

Leading

none / 1Dreams are filed in Dreamland and forged in Lab — the bed holds four posts and the dreamer rests on top.

tight / 1.25Dreams are filed in Dreamland and forged in Lab — the bed holds four posts and the dreamer rests on top.

normal / 1.5Dreams are filed in Dreamland and forged in Lab — the bed holds four posts and the dreamer rests on top.

loose / 1.7Dreams are filed in Dreamland and forged in Lab — the bed holds four posts and the dreamer rests on top.

Roles · semantic — which family plays which part

uilabel · credential-row · button — mono — the interface default

proseDreams are filed in Dreamland and forged in Lab — the bed holds four posts and the dreamer rests on top. — sans — long-form reading

inputtype a value here… — sans — form fields

Foundations · Spacing & Radius

space scale (4px base)

radius

Atoms

button

input · textarea · label

Credential name

Note

status — dot & pill

pass fail unknown pass fail untested

toggle — calm on/off (badge-twin)

on (capturing) · off (paused) — the dot carries state

Molecules

cred-row

fal-key

figma-token

notion-api-key

Organisms

entity-col

sandman 3

fal-key

notion-api-key

figma-token

toast

credential saved ✓

Quilt Monoicons · source of truth

This registry is the single source — one color-free SVG per entity (fill="currentColor") in icons/monoicons/, shown here neutral (icons inherit --text). Every other rendering derives from these at build time: the favicon track injects color.amethyst.medium, the universe map tints the same marks by category via its own CSS, and consumers pull the staged copies from dist/icons/monoicons/. Edit one source path (or the applied-color token) → it flows everywhere; nothing hardcodes the hex. Ordered by category, labelled from universe/data.js; each tile names its source file. Cloud is no longer a special case — its source is the Claude mark, but it obeys the same neutral rule as every peer.

Dreamlandthe vaultdatamonoicons/dreamland.svg

Ferrymanthe offloadersoftwaremonoicons/ferryman.svg

Journalsession logsdatamonoicons/journal.svg

Labwhere code livesdatamonoicons/lab.svg

Modelsinference substratemodelsmonoicons/models.svg

Moongatethe doorsoftwaremonoicons/moongate.svg

Nightstandthe bedside consolesoftwaremonoicons/nightstand.svg

Passportcredentials & identity · the Trust postsoftwaremonoicons/passport.svg

Quiltthe design systemsoftwaremonoicons/quilt.svg

Sandman OSthe values & lenssoftwaremonoicons/pos.svg

Shepherdthe household finance hubsoftwaremonoicons/shepherd.svg

Cloudone persona · six modes + Pitchactormonoicons/cloud.svg

Sandythe agentactormonoicons/sandy.svg

The Man on the Moonalias Mr. Sandman · Sandman · the Dreameractormonoicons/mrsandman.svg

Lookingglassthe portable workstationhardwaremonoicons/lookingglass.svg

Observatorystationary workstation + always-on hosthardwaremonoicons/observatory.svg

Sandboxthe agent hosthardwaremonoicons/sandbox.svg

Sandcastlethe machinehardwaremonoicons/sandcastle.svg

Automatedsovereign / non-harness software · ⚡conceptmonoicons/automated.svg

Checkgeneral · done / confirmed / verified · ✓conceptmonoicons/check.svg

Cloud · Architectregister · builds universe canon · △conceptmonoicons/cloud-architect.svg

Cloud · Diplomatregister · governs what leaves · ✉conceptmonoicons/cloud-diplomat.svg

Cloud · Librarianregister · curates the vault · ⛁ stackconceptmonoicons/cloud-librarian.svg

Cloud · Scientistregister · tends the bench · ⚗ alembicconceptmonoicons/cloud-scientist.svg

Cloud · Sentinelregister · secures the perimeter · ⛨conceptmonoicons/cloud-sentinel.svg

Cloud · Tailorregister · tends Quilt + every surface · ✂conceptmonoicons/cloud-tailor.svg

Connectora Passport connection · ⎆conceptmonoicons/connector.svg

Constellationthe morning dashboard · ⁂surfacemonoicons/constellation.svg

Guestinvited visitor · view-only · ⏿ observer eyeconceptmonoicons/guest.svg

Physical Accessdirect-access module · powergatemonoicons/physical-access.svg

Pitchthreat-model persona · ⚠ (parallel to Cloud)conceptmonoicons/pitch.svg

Placeholderflexible · unknown / help / TBD · ?conceptmonoicons/placeholder.svg

Universethe Sandman-universe catchallsurfacemonoicons/universe.svg

Favicons · tab marks

Generated from the monoicon source above — each is the color-free path with the color.amethyst.medium token injected (no hand-pasted hex). A dual-contrast mid amethyst that reads on white and dark (the faint amethyst.soft went washed-out on Safari's white favicon card). Transparent, font-independent; shown at real tab sizes (16/32/48px) on dark + light. One exception in shape — Cloud carries the actual Claude mark (Cloud is Claude; the reliance is shown, not hidden — Sovereignty), but it's the same amethyst, generated the same way.

16

32

48

16

32

48

automated

16

32

48

16

32

48

check

16

32

48

16

32

48

cloud-architect

16

32

48

16

32

48

cloud-diplomat

16

32

48

16

32

48

cloud-librarian

16

32

48

16

32

48

cloud-scientist

16

32

48

16

32

48

cloud-sentinel

16

32

48

16

32

48

cloud-tailor

16

32

48

16

32

48

cloud

16

32

48

16

32

48

connector

16

32

48

16

32

48

constellation

16

32

48

16

32

48

dreamland

16

32

48

16

32

48

ferryman

16

32

48

16

32

48

guest

16

32

48

16

32

48

journal

16

32

48

16

32

48

lab

16

32

48

16

32

48

lookingglass

16

32

48

16

32

48

models

16

32

48

16

32

48

moongate

16

32

48

16

32

48

mrsandman

16

32

48

16

32

48

nightstand

16

32

48

16

32

48

observatory

16

32

48

16

32

48

passport

16

32

48

16

32

48

physical-access

16

32

48

16

32

48

pitch

16

32

48

16

32

48

placeholder

16

32

48

16

32

48

pos

16

32

48

16

32

48

quilt

16

32

48

16

32

48

sandbox

16

32

48

16

32

48

sandcastle

16

32

48

16

32

48

sandy

16

32

48

16

32

48

shepherd

16

32

48

16

32

48

universe

Software · logos / wordmarks

The upper-left identity for each piece of Sandman software — what sits in the app's top-left chrome (replacing the old emoji + name). Each lockup = the entity's monoicon in amethyst + the wordmark (mono, semibold, lowercase, ink). Generated from the same monoicon sources + type tokens, so the apps and this record never drift. The system record of which mark wears which name.

quilt

design system

universe

the map

passport

credentials & trust

constellation

the morning dashboard

nightstand

the console

moongate

the gate · record only (keeps its hero)

Navigation · surface bar

The persistent cross-surface bar shared by every Sandman surface. Left = the current surface's lockup (you-are-here); right = a switcher of the sibling surfaces. Generated from the lockup canon (the navSurfaces manifest), styled by the shared sandman-nav.css component — so the bar is identical everywhere and can't drift. moongate is excluded (it's the pre-auth gate, not a destination). Shown below for two current states.

current: quilt

current: nightstand

Motion · animated monoicons (L1)

One ambient loop per entity, animating the faithful glyph. Self-contained SVG (animates anywhere), reduced-motion → static. Shown live at 96/160px plus the optical sweep the loop paints over one cycle. Sourced from motion/. (L0 still · L1 ambient · L2 reactive — see motion/README.)

Brand marks · Nightstand platforms

Official vectors for the credential platforms — color (light chip) + monochrome (dark chip). Full set & logos in icons/.

1password

andrea-gibson

anthropic

apple

asana

audible

aws

betterment

calm

capital-one

chase

classpass

cloudflare

coinbase

comfyui

costco

dataforseo

disney-plus

e-470

fal

farkas-first-friday

fidelity

figma

freedom-mortgage

gemini

github

gmail

godaddy

google

google-ads

google-analytics

google-calendar

google-cloud

google-drive

google-search-console

guideline

hbo-max

hubspot

hulu

icloud

imessage

Membership orgs

Official marks for the orgs Bennett belongs to — color (light chip) + white (dark chip). Sourced from each org's own brand assets.

margin

openmined

ratio

UI icons · interface glyphs · search all →

Self-hosted Fluent (MIT) glyphs, fill="currentColor" so they tint to the surface. Consumed via CSS mask-image by Nightstand controls.

search

settings

filter

add

dismiss

checkmark

edit

delete

copy

arrow-sync

eye

calendar-ltr

folder

person

mail

alert

wallet

payment

building-bank

receipt

book-coins

arrow-trending-lines

data-bar-vertical

data-pie

lock-closed

star

home

document

clock

tag

Proposals · to decide

Candidates surfaced by the Nightstand audit — render-to-decide. Hand-authored here; nothing below is a real token yet.

proposed · not yet canonical

1 · Spacing scale — reconcile

Mint = current Quilt 4px steps. Gold = off-scale values Nightstand actually uses (with usage counts). Add half-rungs (2/6/10/14) or tighten the UI to the scale?

space-1 · 4

space-2 · 8

space-3 · 12

space-4 · 16

space-5 · 24

space-6 · 32

space-7 · 48

2 · off-scale ×8

6 · off-scale ×5

9 · off-scale ×5

10 · off-scale ×6

14 · off-scale ×5

2 · Pill — outline vs subtle-fill

Three pill variants exist in Nightstand (status / pc-pill / ip-pill). Pick one canonical pill: outline or subtle-fill, across states.

outlineneutralpasswarnfail

fillneutralpasswarnfail

3 · Status tint backgrounds

Promote the rgba(…,0.1) tints to tokens, completing the set (warn-bg already exists).

status-pass-bg

status-warn-bg ✓

status-fail-bg

status-unknown-bg

4 · Card variants

Cards are reinvented everywhere. One primitive with these variants?

base
raised + border

interactive
hover me

nested-recessed
sits inside a card

5 · Scrim + elevation

Tokenize the modal backdrop (overlay-scrim) + a menu/drawer shadow.

the surface behind