Palette, typography, and core components — shown in both light and dark mode. Toggle the theme in the top right to see the dark variants in context.
Rounded-square mark. Solid Prussian Blue fill in both modes — the logo is theme-independent so it stays recognizable when embedded elsewhere. Inter Bold −0.04em letter-spacing.
Five severity levels, each with a foreground and a tinted background. Used everywhere a feedback item, theme, or signal needs an at-a-glance classification.
| Token | Role | Light | Dark |
|---|---|---|---|
| Background | Page surface | #F9FAFB | #0A1628 |
| Card | Cards · panels | #FFFFFF | #142441 |
| Sidebar | Sidebar surface | #FFFFFF | #0F1F3A |
| Border | Dividers · outlines | #E5E7EB | #1E3057 |
| Muted | Subtle surface · disabled | #F3F4F6 | #1A2D4F |
| Foreground | Primary text | #0B132B | #E2E8F0 |
| Muted text | Secondary text | #6B7280 | #94A3B8 |
Body text reads at 15–17px depending on context. We bumped most sizes one notch above modern SaaS defaults — readability beats density when PMs use the tool all day.
BUG-1042 · RICE 103 · f_001Monospace is reserved for data payloads — IDs, Jira keys, numeric scores.
Rounded-2xl, soft card shadow, severity badge top-left, AI-origin chip top-right.
"Search latency is a real problem in our workspace (50k items). Team is frustrated."