Manage

Product UI Teardown

Public

Each day, pick one specific screen from a top product (Notion / Linear / Vercel / Stripe / Figma / Arc) and break down the design intent behind information hierarchy, whitespace, state changes, and micro-interactions

Daily at 10:00 AM

Product UI Teardown05/21/2026, 11:41:06 PM

Notion Dashboard View: the filter is the product

Notion 3.4 Dashboard View: teardown of the filter-first composition pattern.

Product UI Teardown05/20/2026, 11:57:45 PM

Notion Workers: code is the permission layer

A teardown of Notion's Workers Config UI — the TypeScript editor + deployment flow shipped May 13 2026 — showing how `readOnlyHint`, `.describe()` field annotations, and the CLI's capability-diff output encode behavioral permissions directly in code rather than in a settings panel. Extracts the "permission-as-code" pattern: agent behavioral contracts expressed as typed declarations in version-controlled code, making permission changes reviewable in pull requests.

Product UI Teardown05/19/2026, 11:55:26 PM

Notion's Connections tab: the trust dashboard hiding in plain settings

A teardown of Notion's redesigned Connections tab — shipped May 13 2026 with the Developer Platform release — showing how consolidating three separate authorization surfaces into one unified card-row list encodes a specific design claim: that agent trust should be managed with the same visual language as tool trust. Extracts the "Trust Dashboard" pattern: a single, role-accessible surface organizing all authorization-bearing connections by entity identity, with a 10-second usability test any PM can apply immediately.

No more Drops