Dashboard Design Direction

The current dashboard is functional but generic. Pick a direction to make it distinctive.

Cloud Run Fleet Report
Daily Requests
847k
Critical
3
Monthly Cost
$142
ServiceCPUP99Health
api-prod42%180msA
auth-svc8%2.1sD

A. Blueprint

Deep navy + subtle grid + cyan accents. Technical drawing feel. Monospace labels, precise borders. DM Sans headings + JetBrains Mono data. Feels like a control room.

Pros

  • Distinctive, memorable
  • Perfect for infrastructure tools
  • Strong visual identity

Cons

  • Dark-only feels most natural
  • Dense information can get busy
Cloud Run Fleet Report
12 services • us-central1
847k
Requests
3
Critical
$142
Monthly
Default Service Account
3 services using compute default SA

B. Warm Signal

Cream background + terracotta/amber accents. Editorial, refined. Instrument Serif headings + JetBrains Mono data. Light-first with dark mode. Feels like a premium report.

Pros

  • Stands out from typical dark dashboards
  • Excellent readability
  • Natural light + dark mode

Cons

  • Less "ops/infra" feel
  • Unusual for monitoring tools
Fleet Report
12 services
$142/mo
847k
Requests
3
Critical
5
Warnings
ServiceCPUP99Grade
api-prod42%180msA
auth-svc8%2.1sD

C. Obsidian

Pure black + zinc + sharp radii. Shadcn/Vercel aesthetic. Geist Sans + Geist Mono. Minimal, modern, high contrast. Pill badges, subtle borders. Feels like a premium SaaS tool.

Pros

  • Clean, modern, instantly recognizable
  • Great information density
  • Natural light + dark mode

Cons

  • Common in SaaS (less unique)
  • Can feel cold without accents

What all 3 directions share (improvements over current)