Trips and checklists

Packing apps, gym-bag lists, event prep, move-out checklists: the same two screens — "all my lists, sorted by when" and "tick things off" — done well. Extracted from a shipped packing app:

• Home: large-title navigation over a sky header that fades into a paper background; a summary card (Items, plus Trips / Packed that cycle on tap with page dots and a haptic) beside a weather card; a full-width "Pack It Up" button; Ongoing Trips as large cards (name, dates, frequency badge, note, horizontal strip of item thumbnails); Future Trips and Past Trips as compact cards in snapping horizontal rows; an empty state when there are no trips.
• Checklist: an inline-title Form with a header (dates, badge, note, 76 pt progress ring "4/6 Packed"), one section per category (colored dot, name, "2/3" turning accent when complete), rows with the item picture, name × quantity, where it lives, and a note. Tap a row: it fades to 55% in place, a tilted rubber-stamp "Packed" appears, a light haptic fires, the ring and counts animate. Packing the last item fires 120 confetti particles from the bottom and a success haptic.

The app's product photos and weather backgrounds can't ship: items show an SF Symbol on a category-tinted tile unless you set imageName, and the header is an animated sky unless you pass headerImage. The app's floating tab bar is not part of the template (the home view leaves 120 pt at the bottom for one).