# Recipe Manager — Visual Refresh Task Plan (Agentic Harness) ## Goal Transform the site from plain white UI into a polished, appetizing product experience with consistent styling, imagery, and modern visual hierarchy. ## Task 1 — Design Tokens + Global Theme Foundation **Scope** - Establish color palette, typography scale, spacing/radius/shadow tokens - Add global background treatment (subtle gradient/texture) - Normalize button/input/card styles - Ensure contrast/accessibility baseline **Success Criteria** - Theme variables centrally defined and used globally - App no longer appears “flat white” - Build/tests pass --- ## Task 2 — Homepage + Recipe List Visual Upgrade **Scope** - Add hero section with food imagery - Improve recipe cards with thumbnails/placeholders, depth, and metadata chips - Better empty/loading states with visuals - Keep layout responsive **Success Criteria** - Homepage/list feels branded and visual - Cards look rich and scannable on desktop/mobile - Build/tests pass --- ## Task 3 — Recipe Detail + Import Flow Polish **Scope** - Visual hierarchy for recipe detail sections (ingredients, steps, tags) - Add image block/header treatment - Improve import screens with progress visuals and status indicators **Success Criteria** - Detail/import pages match refreshed style - Clear phase/status UX - Build/tests pass --- ## Task 4 — Micro-interactions + Motion + Iconography **Scope** - Add subtle transitions, hover/focus states, and motion consistency - Introduce icon accents where useful (not noisy) - Polish nav/header interactions **Success Criteria** - UI feels alive but not distracting - Keyboard focus remains strong - Build/tests pass --- ## Task 5 — Asset Strategy + Final QA Sweep **Scope** - Add/organize image assets and fallback strategy - Verify no broken images/layout regressions - Run full verification (`npm test`, app build/start command if available) - Update docs with visual system notes **Success Criteria** - End-to-end visual refresh stable - No obvious regressions - Final commit + summary with before/after notes