Typography
H1 — Heading
H2 — Section
H3 — Subsection
Body 16/24 — Default paragraph styling for content areas.
Helper 13/20 — Muted explanatory text.
Buttons
All buttons share rounded-lg, consistent padding, and focus-ring.
Pills
ActivatedPausedFailed
Containers
ds-panel
Use for inline expanded areas and compact cards.
ds-band
Use for prominent rows such as Activity Check-in.
Inputs
Components
Alice Nakamoto
✅ Confirmed
alice@example.com
Added: Aug 20, 2025
Bob Miner
⏳ Pending
bob@example.com
Added: Aug 20, 2025
⏳ Waiting for confirmation. They will receive an email to accept or decline.
They must confirm before delivery is possible.
Colors
brand-primary
brand-accent
space-600
space-800
cosmic-600
void-900