🧵 quilt / the dreamland design system
v0 · 61 tokens · 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)

bg-base
#0c0d10
bg-raised
#15171b
bg-hover
#1c1f24
border
#2a2d33
text-primary
#e8e9ea
text-muted
#7d8089
accent
#c8e6c9
danger
#e88a8a
status-pass
#7dd97d
status-fail
#e88a8a

Foundations · Typography

h1 / 28Dreamland
h2 / 21Stitched together
h3 / 16Atoms, molecules, organisms
base / 14The quick brown fox jumps over the lazy dog.
body / 13The quick brown fox jumps over the lazy dog.
mono / 13sec get sandman fal-key
micro / 11SECTION LABEL

Foundations · Spacing & Radius

space scale (4px base)

radius

Atoms

button

input · textarea · label

status — dot & pill

pass fail unknown pass fail untested

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 ✓