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
Foundations · Color (primitives)
ink
mint
rose
amber
Foundations · Typography
Foundations · Spacing & Radius
space scale (4px base)
radius
Atoms
button
input · textarea · label
status — dot & pill
Molecules
cred-row
Organisms
entity-col
toast
ASCII icons · Sandman universe
Box+block marks at 3 scales. Resting frame is static (works with no JS / reduced-motion); JS hydrates an ambient loop. Generated from ascii/*.json.
▄▄ ▟██▙ ·
▄▄▄▄ ▄█▀▀▀▀█▄ ▟████████▙ · ·
▄▄▄▄▄▄ ▄▄█▀▀▀▀▀▀█▄▄ ▟████████████▙ ▟██████████████▙ · · ·
* . ▟██▙ █▚▟█
* . ▗▄▄▄▄▄▖ █▚▄▄▄▟█ █ ║ █ ▀▀▀▀▀▀▀
* . *
·
▗▄▄▄▄▄▄▄▄▄▖
█▚▄▄▄▄▄▄▄▟█
█▚▄▄▄║▄▄▄▟█
█ ║ █
▀▀▀▀▀▀▀▀▀▀▀ ▄██▖ * ██▌ ▀██▘ .
▄███▄ * ██▀▀▀ ██▀ . ██ ██▄ + ██▄▄▄ ▀███▀
▄▄███▄▄ * ███▀▀▀▀ ███▀ . ███▘ ███ + ███▖ ███▄ * ███▄▄▄▄ ▀▀███▀▀ .
▟▀▀▜ █ ◖█ █ █
▄▀▀▀▀▄ █ ▄▖ █ █ ██ █ █ ▀▘ █ █ █
▄▄▀▀▀▀▄▄ █ ▄▄ █ █ ██▀ █ █ ██ █ █ ▀██▄ █ █ █ █ █
*▟▙ ││ ▟██▙
✶ ▟██▙ ││ ▄▄▄▄▄▄▄ █ ▭▭▭ █ ▀▄▄▄▄▄▀
✶ ·
▟███▙
▕█████▏
║║║
▄▄▄▄▄▄▄▄▄▄
█ ▭▭▭▭ █
█ █
▀▄▄▄▄▄▄▄▄▀ ▟▀▙ █o█▄▄▄▟▙ ▝▄▘ ▝▘
▄▀▄ █ ◦ █▄▄▄▄▄▄▖ ▀▄▀ ▝▘▝▘
▄▀▀▄ █ █▄▄▄▄▄▄▄▄▖ █ ◦◦ █ ▌ █ █▄▄▄▄▄▄▟▙▟▙ ▀▄▄▀
▛▀▜▀▜ ▌░▒▐█ ▙▄▟▄▟
┌─┬─┬─┐ │░│▒│▓│ ├─┼─┼─┤ │▓│░│▒│ └─┴─┴─┘
┌──┬──┬──┬──┐ │░░│▒▒│▓▓│░░│ ├──┼──┼──┼──┤ │▓▓│░░│▒▒│▓▓│ ├──┼──┼──┼──┤ │▒▒│▓▓│░░│▒▒│ └──┴──┴──┴──┘
▛▘▟▙▝▜ ██████ █▄██▄█
╿▸ ▟█▙ ▟█▙ ▟█▙ ███████████ ███ ▟▙ ████ ███████████
╿▸ ▟█▙ ▟█▙ ▟█▙ ███▄▄███▄▄███ ████████████ ████ ▟██▙ ███ ████ ████ ███ ████████████
▟▀▀▜ ▐o o▌ ▝▄▄▘
▄▀▀▀▄ ▐ o o ▌ ▐ ╰─╯ ▌ ▀▄▄▄▀
▄▀▀▀▀▀▄ ▐ o o ▌ ▐ ╰─╯ ▌ ▀▄▄▄▄▄▀ ▟███▙ ▀▀ ▀▀
*─┐ └*┐ └*
*───┐
╲ *
*─┘ ╲
╲ *
*──── *──────┐
╲ ╲
╲ *──┐
*──┐ ╲ │
│ ╲ ╲│
│ *───*
*─────┘ 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.
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 · Type scale — add a nano (10px) rung?
Nightstand uses 10px (tiny labels/counts) and a stray 15px. Add size-nano, and snap 15 → 14 or 16?
3 · 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.
4 · Status tint backgrounds
Promote the rgba(…,0.1) tints to tokens, completing the set (warn-bg already exists).
5 · Card variants
Cards are reinvented everywhere. One primitive with these variants?
raised + border
hover me
sits inside a card
6 · Scrim + elevation
Tokenize the modal backdrop (overlay-scrim) + a menu/drawer shadow.
shadow 0 8px 30px ·,.45