Critique my UI: I designed a dynamic SVG muscle fatigue map for a fitness PWA. Is the color coding intuitive?

Hey designers,

I’m building a lightweight fitness PWA and wanted to step away from the usual spreadsheet-like interfaces.

My main feature is a "Biological Fatigue Map". I custom-designed SVG body parts for different exercises (pull-ups, squats, deadlifts, overhead presses). The app dynamically colors these SVGs (green, yellow, red) based on the workout volume logged over the last 72 hours.

I need your brutal honesty on a few things:

  1. Is the red/yellow/green color scheme on a pure AMOLED dark background visually clear, or does it clash?
  2. Does the layout feel too cluttered when you are trying to log a quick set?

I set up an Anonymous Guest Mode, so you can drop right into the UI to test the flow without making an account: https://gymtracker.web.app

Any feedback on the visual hierarchy or color accessibility would be hugely appreciated!

Posted Sep 5, 2026, 3:55 PM UTC

10
Loading comments…