Sticky Title — the Page Title Joins the Band

October 2, 2026SeedDashboardProductscreengrab

Scrolling down a qdash harness page: Inventory / Harnesses / Claude Code pinned at 15px with its hairline, the Installs and Surface pills docked under it as an outlined compact bar, on a backing a shade off the page with a soft two-layer shadow.

In qdash at 0.9.27: the harness title pinned at 15px, the pills docked with 16px under them; a 94px band.

The same page at rest: the page title at its full 28px above the actor header and the pills.

A qdash listing (Inventory / Harnesses) scrolled: the title beside the compact filter in a 54px band.

Scrolling down: the title pinned at 15px with its hairline, the filter values only, the pills docked under the title (grey-350 outline, the active pill purple bold with a 2px ring); a 90px band with its two-layer shadow.

At rest: the title at its full 28px on the title row with the filter, the actor header and the pills below; no band.

A pill jump to Sessions lands 16px under the compact band; the Sessions pill takes the ring.

The Filter's bandCompact off: it keeps its labels, so the right column sets the band's height.

A listing (Inventory / Harnesses) scrolling down: no sub nav, so the band is one 53px row.

The UxStickyBand docs page, now the sticky-band guide, opening with the mock running live in a frame.

Phase 0, the design-local mock: full-size pills and the earlier band, before the dock and the outline.

Project: Dashboard
Designer: Mark
Tool: Playwright capture
Type: screengrab
Tags: c106qcontrolstickypage-titlelayer