Before — Generic Dark

Cloud Run Fleet Report

$142.50

Daily Requests

847k

Critical

Warnings

Info

🛡️ Security 3 critical

🔴 Default Service Account

Inter font • emoji icons • no light mode • no animations

After — Obsidian + Teal

Cloud Run Fleet Report

Engineering Team › Cloud Architecture

Monthly

$142.50

Requests

847k

Critical

Warnings

Info

Security 3 critical

Default Service Account

DM Sans + JetBrains Mono • SVG icons • light + dark mode • animations

Theme: Obsidian black (#09090b) + zinc surfaces + teal (#14b8a6) accent
Typography: DM Sans headings + JetBrains Mono data (was Inter + system mono)
Icons: All emoji replaced with inline SVGs (severity dots, group icons)
Badges: Pill-style (border-radius: 99px) with semantic tinted backgrounds
Grades: Circular pills instead of square rounded
Light mode: Full prefers-color-scheme support with matched tokens
Animations: Staggered fadeUp on cards, KPIs, charts + prefers-reduced-motion
Charts: Teal-first palette, matched tooltip/grid theme, smooth 400ms animation
Health ring: Larger (56px), cleaner SVG, teal stroke
Table: Wrapped in bordered container, proper scroll on mobile
Borders: Explicit 1px borders on cards (was borderless floating surfaces)
Responsive: Better mobile layout at 375px+ with proper wrapping
Footer: Teal accent on "Cloud Run Specialist", bordered code badge

Before / After