SableDesign reference
Mockups

Interactive mockups

Each screen is a real prototype driven by local state — no backend. Swipe inbox rows, flip toggles, switch mailboxes, filter the inbox, navigate between screens. Every mockup renders in a phone frame twice: forced light and forced dark. This is the app’s visual + interaction acceptance target.

App

InboxEC-3.1–3.7 — star, quick-filter chips (Unread/Starred/Attachments), multi-select + bottom action bar, Trash view (delete forever / empty trash), mark-all-read, view switcher.Inbox — swipe actionsSW-3 target. Swipe right for read/unread + archive with undo; swipe left for reply, reply all, or forward — each opens a sheet in place.Nested switcher (mailbox → address)AL-2 — ScopePill + AddressSheet flip the inbox inline to one address; × clears back to the whole domain.Domain Home + axis splitDH-2 — center-button sheet with All inboxes + hero + grid, and a header view switcher. Two axes, two controls.ThreadTR-1…TR-6 — subject block, full-width message sections, recipients + absolute dates, opaque email canvas, "N earlier messages" fold, and a Reply · Reply all · Forward action bar.ComposeEC-4.5/4.7 — unified composer: From picker, To/Cc/Bcc + autocomplete (Cc/Bcc behind a toggle), rich-text toolbar, More options (Reply-To/priority/canned), signature, autosave + drafts, reply/forward prefill.Search (P5)EC-5.5 — query field, operator hint chips, recent searches, and results with a highlighted match.Organization (P5)EC-5.4/5.6/5.7/5.9/5.10 — labels (chips/manager/move-to), expanded More sheet, Spam view, blocked senders, and sender-trust banners.Scheduling & reminders (P7)EC-7.2–7.5 — undo send, schedule send + Scheduled view, snooze + Snoozed view, follow-up reminders.Delivery & health (P6)EC-6.6/6.9 — per-message delivery status line, sender-health (bounce/complaint rates, suppression list, quota meter), composer suppression warning.RulesToggle rules on/off, add rule FAB.Automation (P8)EC-8.2–8.8 — rules v2 (When/Then), auto-forward verification, vacation responder, quiet hours + VIP, preview privacy, digest, actionable push.SettingsMailboxes, notifications, motion.

Flows