All templates

Whole pages, assembled only from ds classes and the chart helpers. Open one, read the source, copy what you need. Each is a real layout at full width, not a screenshot: resize the window, switch the theme, tab through it.

• Status pagePublic health for a product: components, uptime and incidents.
• Ops dashboardThe overview a team keeps open: traffic, errors, latency, deploys.
• Service detailOne service: its metrics, logs, deploys and config.
• Pipeline runA data pipeline run: the DAG, task states, logs and output.
• SettingsAccount and project settings with an API key and danger zone.
• Sign inEmail, SSO and the states around them.

What they share

• Every visual part is a ds class. Each page keeps a short style block for its own layout, which you can drop or rewrite.
• Sample data is deterministic, so screenshots and visual diffs are stable.
• They work at 390px. Sidebars collapse, tables scroll, charts keep their labels.