Templates/Running Tracker
Health & Fitness

Running Tracker

Modern running tracker IOS app design inspired by Strava

6 screens

Dashboard

Record

Activities

Stats

Community

Paywall

About this template

Running Tracker is a health & fitness app template designed by FireVibe AI. It includes 6 screens: Dashboard, Record, Activities, Stats, Community, Paywall. The design uses a dark color scheme with Barlow Condensed for headings and Inter for body text. Every element — colors, typography, images, and layout — was generated by AI from a single prompt in under 3 minutes.

Tone

Energetic, motivational, data-driven with a premium athletic feel

Target audience

Recreational and competitive runners aged 18-45 who want to track performance, set goals, and share achievements with a community

Design direction

This app pulses with the same raw energy as a runner hitting their second wind at mile 8. The aesthetic is dark and focused — like staring at a GPS watch at 5:30am before a tempo run. Deep near-black backgrounds (#0D0D0F) create a canvas where coral-orange data and route lines ignite like embers. Typography uses Barlow Condensed for all performance numbers and headers — tall, athletic, unapologetic — while Inter handles body copy with quiet precision. Cards feel like carbon fiber panels: dark, slightly elevated, with razor-thin borders. The coral primary (#FF5733) is never decorative — it always means action, achievement, or live data. Micro-animations are kinetic: pace numbers tick upward with momentum, route lines draw themselves with a trailing glow, kudos buttons burst with a particle pop. The overall feeling is a premium sports instrument — a Garmin watch face brought to life as a full app.

Color palette

card
input
muted
accent
border
primary
success
secondary

Typography

Headings: Barlow Condensed · Body: Inter

Design inspiration

Strava, Nike Run Club, Gentler Streak

Like what you see? Clone it and make it yours.

Start free