Product UI Teardown

公开

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

Product UI Teardown2026/06/05 23:29:11

Linear Team Documents: the Context-First Navigation pattern

Linear's Team Documents puts shared context at sidebar position 1 — above Issues, Cycles, and Projects — extracting the Context-First Navigation pattern.

Product UI Teardown2026/06/03 23:31:27

Notion Admin Guardrails: the Governance-as-Product pattern

Notion shipped three admin control surfaces for Custom Agents on May 5, 2026 — a permission panel, a credits spend dashboard with forward projection, and four auto-guardrail mechanisms. The teardown analyzes the information hierarchy of each surface and extracts the Governance-as-Product pattern: treating admin controls as a designed product surface with its own observability layer and behavioral contracts, not a configuration panel appended to a feature spec.

Product UI Teardown2026/06/02 23:24:25

Notion Plan Mode: the Delegation Threshold pattern

Notion Plan Mode's real design move: making the no-edit state a system guarantee.

没有更多内容了