Free
💪 Fitness
CROSS_PLATFORM

Pulse Fitness App

iOS-style workout tracker with animated rings, streaks and haptic interactions.

3.4k views 649 copies 164 words

The Prompt

# Pulse Fitness Tracker — Mobile App

## Overview
Design a beautiful pulse fitness tracker mobile app with an iOS-first aesthetic. Clean, minimal, with fluid animations and haptic-feel interactions.

## Screens
1. **Onboarding**: 3 swipeable slides with lottie-style illustrations, progress dots, skip button.
2. **Home**: Personalized greeting, stats summary cards (bento layout), recent activity list.
3. **Detail**: Hero card with parallax, tab switcher, animated charts.
4. **Profile**: Avatar, settings list with SF Symbols style icons, dark mode toggle.

## Design System
- **Typography**: SF Pro style. Large titles 34px bold, body 17px.
- **Colors**: System background layers (#000, #1C1C1E, #2C2C2E), single accent color.
- **Components**: Cards with 20px radius and subtle shadows, pill buttons, blurred tab bar.

## Interactions
- Screen transitions: shared element + spring physics.
- Pull-to-refresh with custom spinner. Skeleton loading states.
- Tab bar: blur background, active icon bounce.

## Tech Requirements
- React Native + Expo (or Flutter). TypeScript.
- Dark mode support, safe-area aware, 60fps animations via Reanimated.

You may also like