Templates · Health and fitness
Pace, a fitness tracker app template
A complete fitness app: onboarding, sign in, goals, a health overview home, workouts, a guided exercise player, a finish screen, activity and steps, heart rate, sleep, a tracked run on a map, nutrition, programs, a weekly schedule, challenges, a Pro paywall, profile and settings. Lavender and acid lime over black and white, with big numbers and soft rounded cards.
Free to remix on every plan.
What stands out
- 21 screens, from the first goal to a finished workout
- Steps rings, heart rate and sleep charts, a run on a drawn map
- Workouts, programs, challenges and a Pro paywall ready to adapt
- Lavender, acid lime and black with real workout photos
The 21 screens
- Welcome (Onboarding)
- Sign in (Sign in)
- Goals (Onboarding)
- Home (Home)
- Workouts (List)
- Workout (Detail)
- Exercise (Media)
- Workout complete (Success)
- Activity (Dashboard)
- Heart rate (Tracking)
- Sleep (Detail)
- Run (Tracking)
- Nutrition (Dashboard)
- Explore (Search)
- Program (Detail)
- Schedule (List)
- Challenges (List)
- Pace Pro (Paywall)
- Notifications (List)
- Profile (Profile)
- Settings (Settings)
The design language
Energetic but soft: lavender headers with tone-on-tone blobs, white sheets with 36px corners, light grey tiles, black pills and cards for emphasis, acid lime for progress and badges, and big semibold numbers with small units.
| Colour | Role |
|---|---|
| #f4f4f7 | background |
| #ffffff | surface |
| #1b1b1d | text |
| #8e8e99 | text-muted |
| #8f84f0 | accent |
| #ffffff | accent-contrast |
| #d8f36b | secondary |
| #ececf1 | border |
| #ff5d6c | danger |
The prompt behind it
A fitness tracking app called Pace. Lavender, acid lime and black, white rounded cards, big friendly numbers, workout photos.
Questions people ask
- What is in the Pace template?
- 21 screens: Welcome, Sign in, Goals, Home, Workouts, Workout, Exercise, Workout complete, Activity, Heart rate, Sleep, Run, Nutrition, Explore, Program, Schedule, Challenges, Pace Pro, Notifications, Profile, Settings. They share one design language and are linked into a clickable prototype.
- Can I change Pace into my own app?
- Yes. When you remix it you can type your app's name and it replaces Pace on every screen. In the studio you can then change copy, colours, photos and layout, by describing the change or editing by hand.
- Does it cost credits?
- No. Remixing a template is free on every plan. Only changes you ask the AI to make afterwards count as designs.