vimoxshah · vimoxshah · Sep 6, 2026 · Sep 6, 2026
diff --git a/README.md b/README.md
@@ -13,6 +13,23 @@
 
 ![Overview — Aurora dark](docs/media/overview-aurora-dark.png)
 
+<p align="center"><em>Every screenshot here is the real dashboard on synthetic demo data, which is
+why each one carries its own DEMO DATA banner. Run <code>npm run demo</code> and you get this exact
+page.</em></p>
+
+<p align="center">
+  <img src="docs/media/filters-aurora-dark.png" width="49%" alt="One filter bar: a date button, a Filter button and a removable chip">
+  &nbsp;
+  <img src="docs/media/palette-aurora-dark.png" width="49%" alt="The command palette, grouped by section with an icon on every row">
+</p>
+<p align="center"><em>Left: filtering is a date button, a <code>+ Filter</code> button and chips for
+whatever is on. Picking two models narrows every number on the page, and the insight at the top
+rewrites itself. Right: the command palette, grouped, with your recents on an empty query.</em></p>
+
+![Tickets — Editorial light](docs/media/tickets-editorial-light.png)
+<p align="center"><em>Cost per ticket. Every branch that named the same Jira, Linear or GitHub key,
+added up across repositories. A branch that names no key stays unattributed rather than guessed.</em></p>
+
 <p align="center">
   <img src="docs/media/architecture-hero.svg" alt="TokenFlow architecture: local logs → engine → dashboard, menu bar, CLI" width="100%">
 </p>

diff --git a/docs/media/cost-editorial-dark.png b/docs/media/cost-editorial-dark.png
diff --git a/docs/media/filters-aurora-dark.png b/docs/media/filters-aurora-dark.png
diff --git a/docs/media/health-terminal-light.png b/docs/media/health-terminal-light.png
diff --git a/docs/media/models-terminal-dark.png b/docs/media/models-terminal-dark.png
diff --git a/docs/media/overview-aurora-dark.png b/docs/media/overview-aurora-dark.png
diff --git a/docs/media/palette-aurora-dark.png b/docs/media/palette-aurora-dark.png
diff --git a/docs/media/receipts-aurora-dark.png b/docs/media/receipts-aurora-dark.png
diff --git a/docs/media/tickets-editorial-light.png b/docs/media/tickets-editorial-light.png
diff --git a/docs/media/time-aurora-light.png b/docs/media/time-aurora-light.png
diff --git a/site/index.html b/site/index.html
@@ -275,6 +275,10 @@ <h2 style="margin-top:72px" data-reveal>Everything else it already does.</h2>
       <div data-reveal><dt>Digests and budgets</dt><dd>A weekly digest to your own Telegram, inbox or webhook. A monthly budget with projected-overrun alerts that fire once.</dd></div>
       <div data-reveal><dt>One-file export</dt><dd>The whole dashboard, receipts included, in a single HTML file that opens from disk with no server.</dd></div>
     </dl>
+    <figure class="shot" data-reveal style="margin-top:32px">
+      <img src="docs/media/filters-aurora-dark.png" alt="The TokenFlow dashboard filtered to two models: a date button, a Filter button and one removable chip reading Model: claude-sonnet-4-20250514 +1, with every figure on the page narrowed to that slice" width="100%" loading="lazy">
+      <figcaption>Filtering, on synthetic demo data. A date button, a <code>+ Filter</code> button, and a chip for whatever is actually on. Pick two models and every number narrows, including the plain-language insight at the top.</figcaption>
+    </figure>
   </div>
 </section>