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
credrow
bg
icon
border
text
accent
danger
status
diagram
category
Foundations · Color (primitives)
ink
mint
rose
amber
ember
steel
sky
moon
azure
amethyst
Foundations · Typography
Weight
Leading
Foundations · Spacing & Radius
space scale (4px base)
radius
Atoms
button
input · textarea · label
status — dot & pill
toggle — calm on/off (badge-twin)
Molecules
cred-row
Organisms
entity-col
toast
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.
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.
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.
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.)
Brand marks · Nightstand platforms
Official vectors for the credential platforms — color (light chip) + monochrome (dark chip). Full set & logos in icons/.
Membership orgs
Official marks for the orgs Bennett belongs to — color (light chip) + white (dark chip). Sourced from each org's own brand assets.
UI icons · interface glyphs
Monochrome Lucide line glyphs, stroke="currentColor" so they tint to the surface. Consumed via CSS mask-image by Nightstand controls.
Proposals · to decide
Candidates surfaced by the Nightstand audit — render-to-decide. Hand-authored here; nothing below is a real token yet.
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?
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.
3 · Status tint backgrounds
Promote the rgba(…,0.1) tints to tokens, completing the set (warn-bg already exists).
4 · Card variants
Cards are reinvented everywhere. One primitive with these variants?
raised + border
hover me
sits inside a card
5 · Scrim + elevation
Tokenize the modal backdrop (overlay-scrim) + a menu/drawer shadow.
shadow 0 8px 30px ·,.45