← Page evolution
page

Sticky title

2 moments · 16 captures · c106 · mock

c106Phase 0 mock2026-10-02mock
c106Phase 1 — on the layer2026-10-02mock

Click a capture to make it the after (B); shift-click for the before (A). Arrow keys step the pair.

Detail page at rest: Organization / Teams / Payments at its full 28px (Fable PageHeader), the Filter on the title row, the actor header and the jump pills below; no band backingListing, scrolling up: unchanged — 53px, the same as scrolling down
‹›
A · c106 2026-10-02B · c106 2026-10-02
Ac106Phase 0 mock2026-10-02mock

/pages/sticky-title

Detail page at rest: Organization / Teams / Payments at its full 28px (Fable PageHeader), the Filter on the title row, the actor header and the jump pills below; no band backing

New in c106: The page title joins the sticky band: the real UxPageTitle pins on row 1 beside the Filter and sub navs pin in row 2; scrolling down compacts title (15px), Filter (values only) and pills, scrolling up grows them to an in-between set (title 20px); a two-layer shadow lifts the band; nothing in the band moves the page (every mode flip Δ0)

Bc106Phase 1 — on the layer2026-10-02mock

/pages/sticky-title

Listing, scrolling up: unchanged — 53px, the same as scrolling down

New in c106: The sticky band grows a title, now in the layer (UxStickyBand title): the real UxPageTitle pins beside the Filter at 15px with its hairline, the jump pills dock under it as an outlined compact bar, the Filter drops its labels, and a two-layer shadow lifts the band; scrolling up draws the same (upRestyles off); nothing in the band moves the page

Qpoint Brand Style Guide