Print Desk

The Atom design system, rendered live from its own tokens and components — it cannot drift from what ships.

Docs Patterns

Analytics dashboardexperimental

One screen for how the catalog is doing: headline numbers, a plays trend, top collections and genres, and tagging completeness. Real catalog facts are labeled as real; demo engagement data says it's demo data.

analyticsdashboardchartspattern

Guidelines

  • mustExactly one filter row, above all content; every chart, stat, and table follows the selected range so the numbers always agree.
  • mustKPI deltas name their comparison period in text ('+2.3% vs previous 30 days') — the sign lives in the words, never color alone.
  • shouldFour StatCards maximum; the fifth number is a table row, not a tile.
  • mustSynthetic or demo data is labeled as such where it is shown, not in a footnote.