Optimised for the daily 30-second glance. Dense by default, never fussy. Every
pixel earns its place; colour is reserved for state, not decoration. Numerics
are monospaced and right-aligned so the eye can scan a column without
tracking labels. Hover reveals secondary actions; primary actions are always visible.
Reference: Linear, Datadog, Vercel observability. Built for someone who looks
at this every morning while their coffee brews.
Not for: a public-facing landing page, a marketing surface, a screen anyone
shows to non-technical stakeholders. This is a tool, not a product page.
Pulled out of the live screen so the system reads cleanly. Anything that doesn’t appear
here doesn’t exist in this direction — and the goal is for the list below to stay short.
Status
onlineheartbeat < 90s
online · running jobpulse only when active
degradedopen alerts > 0
offlineno heartbeat > 90s
last job faileddistinct from offline
Buttons
One primary per page (Add host). Everything else is the
neutral secondary or ghost; danger only on destructive verbs.