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.



Vista previa
Explora las pantallas
Vista previa del diseño de app móvil de nutrition, totalmente editable en Sleek.
Sobre 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.
Qué incluye
Pantallas incluidas
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.
Diseño y funciones
Funciones clave
- 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
Audiencia
Para quién es
Casos de uso
Qué puedes crear
- 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
Cómo usar esta plantilla
- 1
Abrir la plantilla
Explora las pantallas y previsualiza el diseño completo para ver si encaja con tu idea.
- 2
Usar esta plantilla
Abre tu propia copia totalmente editable en Sleek con un clic.
- 3
Editar con IA
Cambia la paleta, modifica las estructuras y añade o quita pantallas solo describiendo lo que quieres.
- 4
Exporta y lanza
Exporta tu diseño o pásaselo a los desarrolladores, y sigue construyendo hacia el lanzamiento.
Preguntas frecuentes
Plantillas de apps móviles relacionadas
Empieza a diseñar tu app de nutrition
Úsala en Sleek y hazla tuya: cambia la paleta, edita cualquier pantalla con IA y exporta a código o Figma.
Usar esta plantilla







