onyx-food

byMahavirsinh Gohil

Design a modern, clean, and premium web app UI for a Canada-based food ecosystem platform named Mitzy. Mitzy is NOT a food delivery app. It is a discovery and subscription platform where users can explore home chefs, cloud kitchens, food businesses, and catering services, and directly connect with them. The design should follow a professional startup-level UI/UX similar to Airbnb and modern marketplace platforms, with a strong focus on simplicity, clarity, and trust. Use the primary color #FBD802 (warm yellow) for call-to-action elements and highlights, and secondary color #008AFF (blue) for structure, icons, and headings. Use a white background with soft shadows, rounded corners (12-16px), and clean typography like Poppins or Inter. The main dashboard (homepage) should include: 1. A top navigation bar with: * Location selector (default: Ontario, Canada) * Notification icon * User profile icon 2. A search bar with placeholder text: “Search tiffin, cakes, snacks, catering...” 3. A category grid section with 7 categories: * Tiffin * Cloud Kitchen * Snacks * Ready-Made Products * Bakery Products * Restaurant * Catering Service Each category should be shown as a rounded card with icon, label, and subtle color accents. 4. A “Trending in Ontario” section with horizontal scroll cards showing: * Food image * Kitchen/service name * Rating * Category tag 5. A “Tiffin Plans” section showing subscription cards: * Weekly/Monthly plan * Price * Meals included * CTA button “View Plan” 6. A “Featured Kitchens” section showing chef cards: * Chef image * Kitchen name * Cuisine type * Rating * Location * CTA button “View Kitchen” 7. A “Top Rated” section 8. A “Catering Services” section with: * Service name * Event type * Starting price * CTA button “Request Quote” Include a bottom navigation bar with: Home, Explore, Subscriptions, Saved, Profile Also design a Category Listing Page (for example: Tiffin): * Header with category name and location * Filter chips (Price, Rating, Type, Location) * List of service provider cards with image, name, rating, location, price * Buttons: “View Details” and “Save” Also design a User Personal Dashboard page: * Welcome message * Saved Providers section * Active Subscriptions section * History (recently viewed/contacted) * Reviews given * Settings The UI should feel premium, minimal, and scalable like a real funded startup. Focus on usability, spacing, and clear visual hierarchy. Avoid clutter. Prioritize mobile-first responsive design but suitable for web as well. Do not include delivery tracking or logistics features. Focus only on discovery, subscription, and connection between users and food providers.