A monochrome, keyboard-driven routing layer for Claude conversations. Linear-style: hairline borders, one electric accent, system fonts, calm density. Below: two P0 screens (Chat, Memory) rendered for iOS, tablet, desktop app, and responsive web, plus iOS surfaces and a voice-affordance study.
Decision card, email draft, voice note, live task channel. Voice-primary input.
Split: rail + thread. Pencil-aware capture targets.
Rail · thread · context panel. ⌘K palette. Keyboard-first.
Same product, fluid breakpoints. Browser chrome included.
Trees are awkward on a phone. Pinned shortcuts, recents, full-text grep.
Two-pane: tree on left, markdown on right. Backlinks bottom-sheet.
Tree · markdown editor · backlinks. Full keyboard shortcuts.
Adapts 3 → 2 → 1 pane as the viewport narrows.
Pre-filter candidates, ranker reasoning, executed flag, token cost. Filter by project / type / executed.
Filter facets condense into a top chip row. Stat strip across the top.
Container queries fold the filter rail and then the inspector. Slide-up sheet at narrow widths.
desk.frst.dev
Quiet brand story on the left, the same login card on the right. Session cookie + origin exposed in the bottom strip.
3-step strip across the top (enter email → check inbox → click link). Two states stacked to show the transition.
Sign in · check inbox · not-on-list · link expired · redeem invite. All rendered, all using the same card.
Side-by-side comparison with motion, press-and-hold spec, and tradeoffs.
Live Activity in flight, push-to-talk overlay, glanceable widget.
4b Live Activity content (compact + expanded states for an in-flight dispatch) · 4c Share Extension flow · 4d Dialog element catalog. Mobile-only direction confirmed for the rest of the queue.