Health & Fitness mobile app templates

A health app is opened for one number. Steps, last night's sleep, calories still left, the next dose. That number needs a type size nothing else on the screen matches, and the action that changes it needs to be a real thumb target. Log a meal, start a workout, mark a dose taken.

Calorie Tracker App app design template, screen 1

Calorie Tracker App

Health & Fitness

Running App app design template, screen 1

Running App

Health & Fitness

Meditation App app design template, screen 1

Meditation App

Health & Fitness

Sleep Tracker App app design template, screen 1

Sleep Tracker App

Health & Fitness

Fitness App app design template, screen 1

Fitness App

Health & Fitness

Workout App app design template, screen 1

Workout App

Health & Fitness

Healthcare App app design template, screen 1

Healthcare App

Health & Fitness

Mental Health App app design template, screen 1

Mental Health App

Health & Fitness

Doctor Appointment App app design template, screen 1

Doctor Appointment App

Health & Fitness

Pharmacy App app design template, screen 1

Pharmacy App

Health & Fitness

Meal Planner App app design template, screen 1

Meal Planner App

Health & Fitness

Nutrition App app design template, screen 1

Nutrition App

Health & Fitness

Telehealth App app design template, screen 1

Telehealth App

Health & Fitness

Water Reminder App app design template, screen 1

Water Reminder App

Health & Fitness

Yoga App

Health & Fitness

Build the other screens around that number. A history view shows the week as a short list or a simple chart, with each day tappable. The detail screen is one entry: what was logged, when, and the single field the user can correct. Put a longer trend, a month of workouts or a change in weight, on its own screen so home stays about today.

If the product books a clinician, a trainer, or a pharmacist, give that its own path. Search, a time slot, then a confirmation that repeats the person's name and the time. A tracker and a booking product share this category, and they need different home screens once you edit.

Color is doing work. Use one accent for progress. Pair warning colors with text, so a missed reminder is understandable without color. A skipped workout can sit as a gap, with a way to log it late. This set covers sleep, training, nutrition, mental health, pharmacy, and telehealth. Start from the template whose home screen already shows your metric, then change the noun, the log button, and the empty state.

Questions, answered. Everything to know before you start.

Which screens should a health app include first?

Home, a history of the last week, one entry in detail, and the log action. Add a booking path only if someone is reserving time with another person. A month-long progress view can wait until the daily loop is obvious on home.

How should the home screen show today's number?

Make it the largest text on the screen, with the unit beside it, and put the button that updates it within thumb reach. A chart of the month can sit under that number or on the next screen. The number is what people came to see.

How is a telehealth or pharmacy layout different?

Home names the next appointment or the next dose. The confirmation repeats who, when, and what was booked or ordered. A refill or a visit is a short form with a clear submit, and the result is a screen the user can open again from home.

How do I adapt a template to a different metric?

Keep the layout and replace the noun. A sleep ring can become a water total, a calorie budget, or a dose checklist. Rewrite the empty state so it names the first thing to log. Then remove any module from a different product, such as a workout plan on a pharmacy home screen.

Something else? Write to support@sleek.design.

Your app, designed by tonight.

Start with one sentence. Sleek designs every screen in one style.

Free to start. No credit card. Used by 60,000+ app makers.