KEEL — Deployment Control Plane

Overview

KEEL is a product page for a fictional DevOps deployment control plane. It uses a bento grid layout with 15+ cells containing live-updating data visualizations, all drawn with Canvas 2D — no charting libraries.

Tech Stack

Challenge

DevOps tools are either overwhelming (Grafana 40-panel dashboards) or oversimplified (green/red lights). We needed data-dense but calm — enough information to be useful without inducing panic.

Solution

Bento grid layout using 4-column CSS Grid. Light mode default with paper/ink/sage palette — opposite of typical dark DevOps tools. Canvas 2D visualizations: deploy pipeline, SLO gauge, line chart (7D/30D/90D/1Y), sparkline, performance gauge. Dark mode toggle re-renders all canvases. Clipboard API for color swatches.