Posthorn — Design mockups

Working set of UI screens for the Mac + iOS app. Editorial direction · ink-navy accent. Click any to open full screen.

All sample content uses the fictional "Sam Chen" persona, not real customer data. See _persona.md for the full character sheet.

1 · Today view

The daily briefing — main reading surface

Editorial layout with masthead, ink-navy override callouts, inline action buttons. The screen 90% of daily use happens on.

Daily-use · Briefing · Locked direction

2 · Action queue

Pending destructive actions — tap to approve

Five proposed actions (unsubscribe, trash, draft reply, spam report) with inline approve/skip + bulk operations. Recent-history section below for undo + audit.

Daily-use · Approval gate · Bulk ops

3 · Memory inspector

What Posthorn knows about you — view, edit, forget

People + Projects + Rules + Tasks + Senders + Conventions tabs. Each entity card shows facts with source attribution, last-updated, edit/forget controls. The product's most distinctive screen — no competitor has this.

Distinctive · Trust UI · Memory audit

4 · Onboarding wizard

First-15-minute flow — five linked screens

Welcome → Permissions → LLM picker → Connect accounts → Discovery interview. All five shown stacked so you see the whole arc. Conversion gate for free → pro.

Conversion · Multi-screen flow · First impression

5 · Menubar dropdown

Always-1-click view from the macOS menu bar

320px wide, ~400px tall. Up Next, Actions Waiting (with inline approve buttons), Teach Me input, Settings. Modeled on Granola / Raycast menubar feel.

Daily-use · Compact · Native-feeling

6 · iOS Today

Mobile counterpart of the briefing — phone-frame mockup

Same data, mobile layout: thumb-reachable buttons, swipe gestures, pending-actions banner pinned at top, tab bar at bottom. Live Activities + widgets noted in annotations.