Analytics Dark (Grafana-esque)

Dark-first ops monitoring UI in the Grafana mold: a wall-to-wall grid of flat panels on near-black, time-series charts with threshold-colored series (green/yellow/red), tight 8px spacing, 2px radii, and no shadows at all. Built to be read at 2 a.m. in a dark NOC.

Primary action

Card

Signature element

A dense grid of flat #181b1f panels, each a titled time-series chart whose series and stat values flip green → yellow → red as metrics cross alert thresholds.

Palette

bg
#111217
surface
#181b1f
text
#ccccdc
text-muted
#8e8e9a
accent
#5794f2
ok
#73bf69
warning
#fade2a
critical
#f2495c
border
#2c3235