Health & Fitness · Fresh Market Daylight
Nutrition App Design Template
Nourish is a calorie and macro tracking app design with a bright, farmers-market look, built for founders and designers shipping a nutrition product.



प्रीव्यू
स्क्रीन एक्सप्लोर करें
nutrition मोबाइल ऐप डिज़ाइन का प्रीव्यू, Sleek में पूरी तरह संपादन-योग्य।
Nutrition App के बारे में
Nourish is a nutrition app design template built on a "Fresh Market Daylight" look: a bright paper-white base, deep kale-green text, and a vivid leaf-green accent reserved for progress fills and primary actions, with warm clementine for streaks and alerts. Surfaces are calm tonal blocks separated by soft pale-green tints and hairline rules instead of heavy shadows, so every screen feels airy and high-key.
The template ships seven connected screens that form a complete tracking flow: a Today home anchored by the signature Macro Ring Trio, a Log Food search with quick-add and barcode scanning, a Food detail with a macro breakdown ring, a photographed Recipes grid, a Water and Habits screen with streaks, a Trends dashboard, and a Profile with goals and connected accounts. The three concentric arcs (carbs, protein, fat) recur as the hero on Today, shrink onto every meal card, and explode full-screen on detail views.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, far faster than starting from a blank canvas.
अंदर क्या है
शामिल स्क्रीन
Today
A greeting home with the large Macro Ring Trio showing 1,420 of 2,100 kcal, a calories-remaining figure, and a list of logged meals each with a mini ring. The daily anchor for tracking at a glance.
Log Food
A search bar with a barcode-scan button and Recent, Favorites, and My Meals tabs over a quick-add list showing per-item calories and carb, protein, and fat breakdowns. Fast entry for everyday logging.
Food detail
An overhead food photo with a calorie and prep-time summary plus a concentric macro ratio ring and gram-level carb, protein, and fat figures. Helps users understand a meal before logging it.
Recipes
A two-column grid of naturally-lit meal photos with kcal, prep time, and tags like high protein, vegan, and low carb, plus a filter row and search. The discovery surface for meal ideas.
Water & Habits
A hydration tracker with fillable glass icons toward a 2.0-liter goal and a daily streak checklist for habits like five servings of veggies and no late-night snacks. Builds consistency with clementine streak counts.
Trends
A weekly bar chart of calories versus goal, an average macro split donut, and a weight trend figure, with a Week and Month toggle. Turns daily logs into progress over time.
Profile
A profile with primary goals (weekly weight goal, daily macro target), connected accounts like Apple Health and Oura Ring, and a sign-out action. The hub for settings and integrations.
डिज़ाइन और फ़ीचर
मुख्य फ़ीचर
- Fresh Market Daylight aesthetic: paper white, kale green, one leaf-green accent
- Signature Macro Ring Trio for carbs, protein, and fat
- Calm flat surfaces with pale-green tints and hairline rules
- Today dashboard with calories-remaining and logged meals
- Food log with barcode scan and quick-add macros
- Photographed recipe grid with diet tags
- Water tracker and habit streaks in clementine
- Trends with calorie bars, macro split, and weight trend
ऑडियंस
यह किसके लिए है
उपयोग के मामले
आप क्या बना सकते हैं
- Launch an MVP for a calorie and macro tracking app
- Mock up screens for an investor or stakeholder pitch
- Hand a consistent nutrition UI off to developers
- Explore a redesign of an existing diet app
इस टेम्पलेट का इस्तेमाल कैसे करें
- 1
टेम्पलेट खोलें
स्क्रीन ब्राउज़ करें और पूरा डिज़ाइन प्रीव्यू करें, यह देखने के लिए कि यह आपके आइडिया पर फ़िट बैठता है या नहीं।
- 2
यह टेम्पलेट इस्तेमाल करें
एक क्लिक में Sleek में अपनी पूरी तरह संपादन-योग्य कॉपी खोलें।
- 3
AI से एडिट करें
पैलेट रीस्टाइल करें, लेआउट बदलें, और स्क्रीन जोड़ें या हटाएँ, बस बताकर कि आप क्या चाहते हैं।
- 4
एक्सपोर्ट करें और शिप करें
अपना डिज़ाइन एक्सपोर्ट करें या डेवलपरों को दें, और लॉन्च की ओर बनाना जारी रखें।
अक्सर पूछे जाने वाले सवाल
संबंधित मोबाइल ऐप टेम्पलेट
अपना nutrition ऐप डिज़ाइन करना शुरू करें
इसे Sleek में इस्तेमाल करें और अपना बनाएँ: पैलेट रीस्टाइल करें, AI से कोई भी स्क्रीन एडिट करें, और कोड या Figma में एक्सपोर्ट करें।
यह टेम्पलेट इस्तेमाल करें







