✦ glyph-library
v0 · 95 tokens · 33 brand marks · 3 orgs · 10 ui · 21 monoicons · 21 favicons · 6 logos · 1 motion · dark

Tokens stitched into atoms, molecules, organisms. Source of truth = tokens/*.json (DTCG) → quilt.css. Everything below is rendered by Quilt — this page is the management surface.

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

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

diagram

diagram-container
#15171b
diagram-container-2
#0c0d10
diagram-container-label
#7d8089
diagram-edge
#3d4148
diagram-edge-label
#6a6d74
diagram-edge-active
#c7a3ff

category

category-actor
#f3f1e9
category-hardware
#d98a5f
category-data
#5fa8d3
category-software
#9b6cf0
category-models
#7dd97d

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-bright
#e8e9ea

mint

mint-soft
#c8e6c9
mint-bright
#7dd97d
mint-deep
#1d2820

rose

rose-soft
#e88a8a
rose-deep
#2b1c1c

amber

amber-soft
#e7c884
amber-deep
#2a2414

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-
#f3f1e9

azure

azure-
#8fb8ff

amethyst

amethyst-soft
#c7a3ff
amethyst-medium
#9b6cf0
amethyst-deep
#1f1530

Foundations · Typography

nano / 10The quick brown fox
micro / 11The quick brown fox
small / 12The quick brown fox
body / 13The quick brown fox jumps over the lazy dog.
h3 / 16The quick brown fox
h2 / 21The quick brown fox
h1 / 28The quick brown fox
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.

Foundations · Spacing & Radius

space scale (4px base)

radius

Atoms

button

input · textarea · label

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
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
Personal Operating Systemthe values & lenssoftwaremonoicons/pos.svg
Quiltthe design systemsoftwaremonoicons/quilt.svg
Cloudone persona, six modesactormonoicons/cloud.svg
Sandythe agentactormonoicons/sandy.svg
The Man on the Moonalias Mr. Sandman · Sandman · the Dreameractormonoicons/mrsandman.svg
Lookingglassthe portable workstationhardwaremonoicons/lookingglass.svg
Observatorythe stationary workstationhardwaremonoicons/observatory.svg
Sandboxthe agent hosthardwaremonoicons/sandbox.svg
Sandcastlethe machinehardwaremonoicons/sandcastle.svg
Automatedsovereign / non-harness software · ⚡conceptmonoicons/automated.svg
Connectora Passport connection · ⎆conceptmonoicons/connector.svg
Constellationthe morning dashboard · ⁂surfacemonoicons/constellation.svg
Shepherdthe finance system · ⚖softwaremonoicons/finance.svg
Physical Accessdirect-access module · powergatemonoicons/physical-access.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.

automated16automated32automated48
automated16automated32automated48
automated
cloud16cloud32cloud48
cloud16cloud32cloud48
cloud
connector16connector32connector48
connector16connector32connector48
connector
constellation16constellation32constellation48
constellation16constellation32constellation48
constellation
dreamland16dreamland32dreamland48
dreamland16dreamland32dreamland48
dreamland
finance16finance32finance48
finance16finance32finance48
finance
lab16lab32lab48
lab16lab32lab48
lab
lookingglass16lookingglass32lookingglass48
lookingglass16lookingglass32lookingglass48
lookingglass
models16models32models48
models16models32models48
models
moongate16moongate32moongate48
moongate16moongate32moongate48
moongate
mrsandman16mrsandman32mrsandman48
mrsandman16mrsandman32mrsandman48
mrsandman
nightstand16nightstand32nightstand48
nightstand16nightstand32nightstand48
nightstand
observatory16observatory32observatory48
observatory16observatory32observatory48
observatory
passport16passport32passport48
passport16passport32passport48
passport
physical-access16physical-access32physical-access48
physical-access16physical-access32physical-access48
physical-access
pos16pos32pos48
pos16pos32pos48
pos
quilt16quilt32quilt48
quilt16quilt32quilt48
quilt
sandbox16sandbox32sandbox48
sandbox16sandbox32sandbox48
sandbox
sandcastle16sandcastle32sandcastle48
sandcastle16sandcastle32sandcastle48
sandcastle
sandy16sandy32sandy48
sandy16sandy32sandy48
sandy
universe16universe32universe48
universe16universe32universe48
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.

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

moongate · L1 — the turning moon
moongatelive 96px
moongatelive 160px
moongate sweepoptical sweep

Brand marks · Nightstand platforms

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

asana
asana
asana
aws
aws
aws
cloudflare
cloudflare
cloudflare
coinbase
coinbase
coinbase
dataforseo
dataforseo
dataforseo
fal
fal
fal
figma
figma
figma
gemini
gemini
gemini
github
github
github
gmail
gmail
gmail
godaddy
godaddy
godaddy
google
google
google
google-ads
google-ads
google-ads
google-analytics
google-analytics
google-analytics
google-calendar
google-calendar
google-calendar
google-cloud
google-cloud
google-cloud
google-drive
google-drive
google-drive
google-search-console
google-search-console
google-search-console
hubspot
hubspot
hubspot
icloud
icloud
imessage
imessage
imessage
meta
meta
meta
notion
notion
notion
pagespeed
pagespeed
pagespeed
plausible
plausible
plausible
posthog
posthog
posthog
rentcast
rentcast
rentcast
simplefin
simplefin
simplefin
slack
slack
slack
stripe
stripe
stripe
tailscale
tailscale
workable
workable
workable
youtube
youtube
youtube

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
margin
margin
openmined
openmined
openmined
ratio
ratio
ratio

UI icons · interface glyphs

Monochrome Lucide line glyphs, stroke="currentColor" so they tint to the surface. Consumed via CSS mask-image by Nightstand controls.

check
Cloud
Cloud
cloud
copy
eye-off
eye
Folder
Folder
folder
lock
power
pulse
refresh

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