Fitness activity feed mobile UI

Fitness activity feed mobile UI, minimal, light-mode, light

Preview image. Unlock full-res

Minimal light mobile interface listing recent running activity with user avatars, timestamps, and performance metrics.

Summary

Light mobile phone interface displaying a "Latest Activity" feed of running workouts with user profiles, run titles, and performance data in a clean card-based layout.

Visual description

Mobile phone mockup (light gray bezel, 9:41 status bar) showing an off-white screen. Header reads "Latest" (gray) over "Activity" (black, larger display font). A dark circular toggle button sits top-right. Below are two activity cards: first card shows avatar, "Helen Hogan" name, timestamp "December 16, 2025 at 16:52", run title "Battersea park loop" in black, and three stat columns (Distance: 10.12km, Pace: 5:51/km, Time: 52m 44s) in gray sans-serif. Second card identical structure for "Hellah Sidibe" with "Lunch run" (8.91km, 4:58/km, 44m 15s). Light dividing lines separate cards. Minimal, spacious layout with muted grays and blacks.

Key takeaway

The card-based activity feed pattern for showing historical user-generated data; the three-column stat layout (left-aligned labels, bold values) for compressing key metrics; the user avatar plus metadata header for context without bulk.

Reuse notes

Excellent template for fitness, sports, or habit-tracking apps. The monochrome palette keeps focus on the data. Scale avatar size and stat columns for mobile or web. Consider adding filter/sort controls or a timeline toggle (the dark button suggests date/mode switching).

More like this