Use when creating management KPI dashboards with 12-column card layout, SPI/CPI/readiness metrics, milestone controls, top risks, model differences, and 90-day action forecast.
Create the operational steering dashboard for PMO and SteerCo.
AlphaX/AlphaX_Management_KPI_Dashboard.html) — HTML/CSS layout reference only; never copy their project-specific KPI values, milestone dates, risk tables, or narrative contentUse Blue as the primary/hero colour for all new HTML outputs. Do NOT use Bosch Red (#E20015) as the dominant background or header colour.
| Role | Recommended value |
|---|---|
| Hero / header background | #003b6e (deep navy blue) |
| Accent / highlight | #0066CC (Bosch mid-blue) |
| Section header bar | #005199 |
| Link / interactive | #0077BB |
| Status: GREEN | #007A33 |
| Status: AMBER | #E8A000 |
| Status: RED | #CC0000 |
| Body background | #f4f6f9 |
| Card background | #ffffff |
| Body text | #1a1a1a |
Bosch Red may still appear for red-status RAG badges or critical-path indicators, but must not be the primary brand colour of the document.
Read Bosch.png from workspace root and base64-encode it, then use:
<img src="data:image/png;base64,<BASE64>" alt="Bosch — Invented for Life" style="height:36px;display:block;" />
Wrap in a white background container: background:#fff; padding:4px 8px; border-radius:4px;
.bosch-logo CSS must use display:flex; align-items:center; — do not use fixed width/height or display:grid.