Email triage should feel friendly.
A softer, chunkier visual system for Swipeletter: warm surfaces, confident type, playful action color, and one clear swipe card instead of nested grid furniture.
Principles
The target is not a Family.co clone. It is the same emotional category: simple, tactile, friendly, and fast.
One main object
The swipe card is the product. Do not surround it with fake grids, stacked previews, or nested surfaces that compete for attention.
Chunky controls
Buttons should feel obvious and satisfying. Large hit areas, soft fill colors, clear labels, no tiny icon-only mystery meat.
Warm, not sterile
Use paper whites, charcoal ink, and small bright accents. Avoid cold SaaS blue-grey productivity energy.
Tokens
These map directly to the SwiftUI tokens in DesignSystem.swift.
Color
Type
Use Geist in-app for now. Keep the feeling rounded through size, weight, spacing, and copy restraint.
Components
The system is intentionally small. Swipeletter does not need a dashboard kit.
Buttons
Swipe actions
Card anatomy
Sender and date row, large subject, real email preview, optional useful image, then two clear actions. No extra decorative stack preview. No grid around the content.
Rules
What to keep and what to avoid as the app evolves.