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.



Prévia
Explorar as telas
Prévia do design de app mobile de nutrition, totalmente editável no Sleek.
Sobre o 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.
O que tem dentro
Telas inclusas
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.
Design e recursos
Principais recursos
- 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
Público
Para quem é
Casos de uso
O que você pode criar
- 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
Como usar este template
- 1
Abrir o template
Navegue pelas telas e veja a prévia do design completo para checar se combina com a sua ideia.
- 2
Usar este template
Abra sua própria cópia totalmente editável no Sleek com um clique.
- 3
Editar com IA
Mude a paleta, altere layouts e adicione ou remova telas só descrevendo o que você quer.
- 4
Exporte e lance
Exporte seu design ou entregue aos desenvolvedores, e continue construindo rumo ao lançamento.
Perguntas frequentes
Templates de apps mobile relacionados
Comece a desenhar seu app de nutrition
Use no Sleek e torne-o seu: mude a paleta, edite qualquer tela com IA e exporte para código ou Figma.
Usar este template







