The landing demos use the production app

Each pair shows the same scripted run and moment, at the same native viewport size and system theme. Left: the passive landing demo. Right: the normal app loaded from the production client release, with the same fictional account and run data supplied through its normal APIs. No live account data or work was changed.

The old demos were separate HTML/CSS drawings. Their older navigation, approximate thread header, cards and widths could not follow updates to the real client. The replacement runs the real Home, thread, composer, header, sidebar, artifact components, styles and fonts. The only landing code is a window and a playback clock.

Landing PR 586 · Client PR 389 · Live demos

Captured from the landing preview before deployment. Phone: 390 × 780. Desktop: 1440 × 680. Light and dark; hero plus all seven work demos; final Home results and active thread frames. The app UI is rendered at native CSS size, without image or CSS scaling. The demo’s rounded outer window is outside the app comparison.

Hero · board · 390px · dark · home

Hero · board · 390px · dark · thread

cedar-close · 390px · dark · home

cedar-close · 390px · dark · thread

weekly · 390px · dark · home

weekly · 390px · dark · thread

board · 390px · dark · home

board · 390px · dark · thread

letters · 390px · dark · home

letters · 390px · dark · thread

legal · 390px · dark · home

legal · 390px · dark · thread

campaign · 390px · dark · home

campaign · 390px · dark · thread

assets · 390px · dark · home

assets · 390px · dark · thread

Hero · board · 1440px · dark · home

Hero · board · 1440px · dark · thread

cedar-close · 1440px · dark · home

cedar-close · 1440px · dark · thread

weekly · 1440px · dark · home

weekly · 1440px · dark · thread

board · 1440px · dark · home

board · 1440px · dark · thread

letters · 1440px · dark · home

letters · 1440px · dark · thread

legal · 1440px · dark · home

legal · 1440px · dark · thread

campaign · 1440px · dark · home

campaign · 1440px · dark · thread

assets · 1440px · dark · home

assets · 1440px · dark · thread

Hero · board · 390px · light · home

Hero · board · 390px · light · thread

cedar-close · 390px · light · home

cedar-close · 390px · light · thread

weekly · 390px · light · home

weekly · 390px · light · thread

board · 390px · light · home

board · 390px · light · thread

letters · 390px · light · home

letters · 390px · light · thread

legal · 390px · light · home

legal · 390px · light · thread

campaign · 390px · light · home

campaign · 390px · light · thread

assets · 390px · light · home

assets · 390px · light · thread

Hero · board · 1440px · light · home

Hero · board · 1440px · light · thread

cedar-close · 1440px · light · home

cedar-close · 1440px · light · thread

weekly · 1440px · light · home

weekly · 1440px · light · thread

board · 1440px · light · home

board · 1440px · light · thread

letters · 1440px · light · home

letters · 1440px · light · thread

legal · 1440px · light · home

legal · 1440px · light · thread

campaign · 1440px · light · home

campaign · 1440px · light · thread

assets · 1440px · light · home

assets · 1440px · light · thread