Live demos, real app

The old replays were HTML/CSS replicas. These use the production Home, thread, header, sidebar, composer and cards.

Each pair compares the live demo with the normal production client, using identical fictional run data through its normal APIs.

Landing PR 586 · Client PR 389 · Release PR 587 · Live demos

64 pairs · 390px and 1440px · light and dark.
Captured from production on November 2, 2026.

Hero · Lark · Q3 board deck · 390px · light · Home result
Landing demo
demo: board
Production app
app: board
Hero · Lark · Q3 board deck · 390px · light · Active thread
Landing demo
demo: board
Production app
app: board
Cedar Workshop · October month-end close · 390px · light · Home result
Landing demo
demo: cedar-close
Production app
app: cedar-close
Cedar Workshop · October month-end close · 390px · light · Active thread
Landing demo
demo: cedar-close
Production app
app: cedar-close
Lark · Monday status update · 390px · light · Home result
Landing demo
demo: weekly
Production app
app: weekly
Lark · Monday status update · 390px · light · Active thread
Landing demo
demo: weekly
Production app
app: weekly
Lark · Q3 board deck · 390px · light · Home result
Landing demo
demo: board
Production app
app: board
Lark · Q3 board deck · 390px · light · Active thread
Landing demo
demo: board
Production app
app: board
Cedar Workshop · Customer price-change letters · 390px · light · Home result
Landing demo
demo: letters
Production app
app: letters
Cedar Workshop · Customer price-change letters · 390px · light · Active thread
Landing demo
demo: letters
Production app
app: letters
Lark · Closing binder · 390px · light · Home result
Landing demo
demo: legal
Production app
app: legal
Lark · Closing binder · 390px · light · Active thread
Landing demo
demo: legal
Production app
app: legal
Cedar Workshop · Campaign reflow · 390px · light · Home result
Landing demo
demo: campaign
Production app
app: campaign
Cedar Workshop · Campaign reflow · 390px · light · Active thread
Landing demo
demo: campaign
Production app
app: campaign
Harbor · Game asset repair · 390px · light · Home result
Landing demo
demo: assets
Production app
app: assets
Harbor · Game asset repair · 390px · light · Active thread
Landing demo
demo: assets
Production app
app: assets
Hero · Lark · Q3 board deck · 390px · dark · Home result
Landing demo
demo: board
Production app
app: board
Hero · Lark · Q3 board deck · 390px · dark · Active thread
Landing demo
demo: board
Production app
app: board
Cedar Workshop · October month-end close · 390px · dark · Home result
Landing demo
demo: cedar-close
Production app
app: cedar-close
Cedar Workshop · October month-end close · 390px · dark · Active thread
Landing demo
demo: cedar-close
Production app
app: cedar-close
Lark · Monday status update · 390px · dark · Home result
Landing demo
demo: weekly
Production app
app: weekly
Lark · Monday status update · 390px · dark · Active thread
Landing demo
demo: weekly
Production app
app: weekly
Lark · Q3 board deck · 390px · dark · Home result
Landing demo
demo: board
Production app
app: board
Lark · Q3 board deck · 390px · dark · Active thread
Landing demo
demo: board
Production app
app: board
Cedar Workshop · Customer price-change letters · 390px · dark · Home result
Landing demo
demo: letters
Production app
app: letters
Cedar Workshop · Customer price-change letters · 390px · dark · Active thread
Landing demo
demo: letters
Production app
app: letters
Lark · Closing binder · 390px · dark · Home result
Landing demo
demo: legal
Production app
app: legal
Lark · Closing binder · 390px · dark · Active thread
Landing demo
demo: legal
Production app
app: legal
Cedar Workshop · Campaign reflow · 390px · dark · Home result
Landing demo
demo: campaign
Production app
app: campaign
Cedar Workshop · Campaign reflow · 390px · dark · Active thread
Landing demo
demo: campaign
Production app
app: campaign
Harbor · Game asset repair · 390px · dark · Home result
Landing demo
demo: assets
Production app
app: assets
Harbor · Game asset repair · 390px · dark · Active thread
Landing demo
demo: assets
Production app
app: assets
Hero · Lark · Q3 board deck · 1440px · light · Home result
Landing demo
demo: board
Production app
app: board
Hero · Lark · Q3 board deck · 1440px · light · Active thread
Landing demo
demo: board
Production app
app: board
Cedar Workshop · October month-end close · 1440px · light · Home result
Landing demo
demo: cedar-close
Production app
app: cedar-close
Cedar Workshop · October month-end close · 1440px · light · Active thread
Landing demo
demo: cedar-close
Production app
app: cedar-close
Lark · Monday status update · 1440px · light · Home result
Landing demo
demo: weekly
Production app
app: weekly
Lark · Monday status update · 1440px · light · Active thread
Landing demo
demo: weekly
Production app
app: weekly
Lark · Q3 board deck · 1440px · light · Home result
Landing demo
demo: board
Production app
app: board
Lark · Q3 board deck · 1440px · light · Active thread
Landing demo
demo: board
Production app
app: board
Cedar Workshop · Customer price-change letters · 1440px · light · Home result
Landing demo
demo: letters
Production app
app: letters
Cedar Workshop · Customer price-change letters · 1440px · light · Active thread
Landing demo
demo: letters
Production app
app: letters
Lark · Closing binder · 1440px · light · Home result
Landing demo
demo: legal
Production app
app: legal
Lark · Closing binder · 1440px · light · Active thread
Landing demo
demo: legal
Production app
app: legal
Cedar Workshop · Campaign reflow · 1440px · light · Home result
Landing demo
demo: campaign
Production app
app: campaign
Cedar Workshop · Campaign reflow · 1440px · light · Active thread
Landing demo
demo: campaign
Production app
app: campaign
Harbor · Game asset repair · 1440px · light · Home result
Landing demo
demo: assets
Production app
app: assets
Harbor · Game asset repair · 1440px · light · Active thread
Landing demo
demo: assets
Production app
app: assets
Hero · Lark · Q3 board deck · 1440px · dark · Home result
Landing demo
demo: board
Production app
app: board
Hero · Lark · Q3 board deck · 1440px · dark · Active thread
Landing demo
demo: board
Production app
app: board
Cedar Workshop · October month-end close · 1440px · dark · Home result
Landing demo
demo: cedar-close
Production app
app: cedar-close
Cedar Workshop · October month-end close · 1440px · dark · Active thread
Landing demo
demo: cedar-close
Production app
app: cedar-close
Lark · Monday status update · 1440px · dark · Home result
Landing demo
demo: weekly
Production app
app: weekly
Lark · Monday status update · 1440px · dark · Active thread
Landing demo
demo: weekly
Production app
app: weekly
Lark · Q3 board deck · 1440px · dark · Home result
Landing demo
demo: board
Production app
app: board
Lark · Q3 board deck · 1440px · dark · Active thread
Landing demo
demo: board
Production app
app: board
Cedar Workshop · Customer price-change letters · 1440px · dark · Home result
Landing demo
demo: letters
Production app
app: letters
Cedar Workshop · Customer price-change letters · 1440px · dark · Active thread
Landing demo
demo: letters
Production app
app: letters
Lark · Closing binder · 1440px · dark · Home result
Landing demo
demo: legal
Production app
app: legal
Lark · Closing binder · 1440px · dark · Active thread
Landing demo
demo: legal
Production app
app: legal
Cedar Workshop · Campaign reflow · 1440px · dark · Home result
Landing demo
demo: campaign
Production app
app: campaign
Cedar Workshop · Campaign reflow · 1440px · dark · Active thread
Landing demo
demo: campaign
Production app
app: campaign
Harbor · Game asset repair · 1440px · dark · Home result
Landing demo
demo: assets
Production app
app: assets
Harbor · Game asset repair · 1440px · dark · Active thread
Landing demo
demo: assets
Production app
app: assets

Release: Aldo 8b8aac97 · web client d2b000676. Viewports: 390 × 780 and 1440 × 680. Demos render at native CSS size; the rounded outer window is outside the app comparison. No live account data or work was changed.