Conception app Fitness

PULSE: Design Description

Concept: PULSE is a mobile fitness app that brings daily tracking (progress, calories, sleep), an exercise library, and a live workout session into one place. The idea is to keep it simple, clean, and motivating: each screen answers one question (How am I doing today? What should I train? Where am I in this session?).

Visual identity

• Palette: forest green #0F3D2E as the main color (trust and energy, associated with health), lime #D4F26A as the accent for actions and progress, cream #F4F1E8 for the background (warm rather than cold), and white for cards.
• Typography: Plus Jakarta Sans, with bold titles and small, readable secondary text.
• Style: heavily rounded cards (22–28 px radius), generous spacing, and no decoration for its own sake. Line icons share one consistent stroke weight.

The 3 screens (390 × 844)

1. Home

• Personalized greeting and avatar.
• Large green card with a progress ring (78%) and a motivating message.
• Four stat tiles: Calories, Steps, Sleep, Heart rate.
• “Today’s workout” card with a lime Play button.
• Four shortcuts: Library, Plan, Body, Fuel.

2. Library

• Title, search button, and filter chips (All, Chest, Back, Legs, Arms, Core).
• Featured card with the treadmill photo and the title “Zone 2 Run” over a dark gradient.
• Exercise list (name, muscle group, level) with colored thumbnails and a chevron.

3. Workout

• Session bar with an End button.
• Large circular timer (00:25 Rest) with “Next up: Goblet Squat”.
• Stats for reps, sets, and rest.
• Progress list of exercises, with completed ones checked.
• Fixed bottom bar showing calories (120 / 300) and a Pause button.

UX logic

• Five-tab navigation (Home, Train, Stats, Fuel, You), with the active tab in dark green.
• Primary actions are always lime or solid green, and secondary information is soft gray.
• The live workout screen has no navigation bar, so the user stays focused.