Skip to content

Template

Command Dashboard

Dense operational dashboard with KPI row, primary panel, and issue queue.

Structure

Type: dashboard

Regions: 4

Components: 8

Status: active

Exports: json, html-css, react-tailwind, markdown, design-spec-json, report

Responsive defaults

  • Toolbar · 12 cols · stackBelow 540
  • Metric strip · 12 cols · stackBelow 720
  • Work area · 8 cols · stackBelow 960
  • Queue · 4 cols · stackBelow 960

Accessibility notes

  • Includes a heading and main region for deterministic semantic checks.
  • Interactive controls are sized for at least 44px tap targets where applicable.
  • Image and form components carry metadata for alt text and labels when present.

Responsive notes

  • Configured for narrow, mobile, tablet, desktop, and wide viewport checks.
  • Regions include stackBelow hints so rails and dense panels collapse before overflow.
  • Exports preserve semantic region and component markers for downstream review.