A single Flutter codebase delivers native performance on iOS, Android, and Web. Every screen shares the same design system tokens, type scale, and component library.
The hub organizes everything around the pet. The bottom navigation is an ocean ink pill bar with the active tab shown as a white pill inset.
The Care Vault stores recurring habits alongside one-off vet records. Habit entries display their recurrence pattern, time window, and the full week schedule with Mon-Sun selectors.
Logging a training session creates a timestamped entry with a color-coded type badge, duration, and optional notes. All entry types use pill-shaped badges.
The barcode scanner uses the device camera to instantly surface ingredients, allergens, and nutritional data. The catalog selected state shows the full product detail with per-serving and per-kg nutrition.
The multi-step capture flow uses Google ML Kit OCR to extract nutrition facts from packaging. The review step flags fields needing manual confirmation before saving to the pet's diet log.
Custom date and time pickers maintain full Packly design language. Time entry supports both scroll-wheel picker and numeric keypad for speed.
The visual language is built from a handful of firm rules applied consistently across every view.