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.



미리보기
화면 살펴보기
Sleek에서 완전히 편집 가능한 nutrition 모바일 앱 디자인을 미리 보세요.
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로 내보내세요.
이 템플릿 사용







