Design System
Every primitive in the Agentbot ui kit, live. Geist-inspired components from vercel/ui adapted to the brand — mono type, zinc-on-black, orange accent.
Colors
Black base, zinc scale, single orange accent.
Typography
Uppercase, tight tracking on headings; widest tracking on labels.
Body — text-sm leading-relaxed zinc-400. The quick brown agent jumps over the lazy daemon.
Status Dot
Flexible state names with optional live pulse — used in the dashboard sidebar.
Loading
Geist 12-blade spinner and blinking dots.
Gauge
Semantic thresholds by default — green ≥ 68, amber ≥ 34, red below.
Snippet
Copy-to-clipboard command blocks — used on the OpenClaw quick-start.
npm install -g openclaw@latest
openclaw onboard --install-daemon
openclaw dashboard
agent deploy --plan label
rm -rf ./caches
Note
Inline callouts.
Keyboard
Kbd hints for shortcuts.
Show More
Divider with expand trigger.
Agents communicate over the SSRF-protected bus and settle in USDC.
Buttons
Core shadcn-based kit.