Design system
Two theme variations, seven core screens, two overlay states, and full Apple Human Interface Guidelines compliance from day one.
Color palettes
Two themes, one codebase
Both themes share 100% of the Swift architecture. An AppTheme
enum controls the active palette. Dark (Bioluminescent / Liquid Glass) ships as the default; light is available via a toggle in Settings.
App Store screenshots use dark mode to showcase the premium Liquid Glass design.
Theme A — Settings Toggle
Fresh & Earthy
Warm, calm, high-contrast. Available via Settings toggle for users who prefer a lighter interface.
Theme B — Default
Bioluminescent
Liquid Glass design language. Reduced eye strain for aging eyes. Glass cards, bioluminescent status indicators. Ships as the default.
Screen inventory
7 screens + 2 overlays
Core Screens
- Home — plant list with sort, status pills, one-tap watering
- Add Plant — modal with name, species, interval, photo
- Plant Detail — history log, edit, share button
- Settings — notifications, theme toggle, subscription
- Notifications — permission request, scheduling, deep links
Overlay States
- ReviewPrompt — triggers after 5 total waterings, uses SKStoreReviewController
- Empty State — first-launch illustration + post-trial droopy-plant nudge
Apple HIG compliance
Built to Apple standards from day one
Every screen, component, and interaction is designed against the Apple Human Interface Guidelines. This is not a retrofit; it is the foundation.
-
✓
44px minimum touch targets
All buttons, tappable rows, and interactive elements meet the 44pt minimum. Primary actions (water button, FAB) use 48px+. -
✓
SF Pro typography
Full SF Pro type scale: Large Title, Title 1, Headline, Body, Callout, Footnote. No custom fonts needed. -
✓
Dynamic Type support
All text respects the user's preferred text size. Layouts flex with SwiftUI's built-in Dynamic Type scaling. -
✓
VoiceOver accessibility
Semantic labels on all controls. Plant status, watering actions, and navigation are fully navigable via VoiceOver. -
✓
Dark Mode
Bioluminescent theme uses Apple's recommended dark color semantics. Automatic switching with system setting, plus manual toggle.