Fitness

The Figma page holds every screen twice, a light row and a dark row. Each frame sets its modes explicitly, Color Tokens = Light or Dark and Platform = ios-md. Nothing is left to inherit, so a frame dropped into another file arrives in the theme it was drawn in.

That is 84 component instances. Another 54 are Lucide icons, 25 distinct names, every one an instance off the shared icon page rather than a pasted vector. The last 8 are the photo slots, covered below. No third party asset is placed on these screens.

Drawn locally, not instances: two bar charts of seven bars each on Analytics and Progress, a calorie ring built from two ellipses, a weight rail with a fill and a dot, five achievement tiles, three personal record rows, and six divider shapes. Charts and the ring have no component to be an instance of. The dividers do: two LINE nodes in the Profile settings list, two more between the profile stats, and on Library and Exercise a rectangle named Divider carrying no fill at all. Those six should fold back into Divider, and the weight rail into Progress.

Geometry runs on the same file. Padding and gaps come from dimensions/spacing, corners from dimensions/radius/lg, xl and 2xl. Six collections carry the file: Foundations, Color Tokens, Typography, Motion, Platform and Platform Bridge. Color Tokens holds Light and Dark, Platform holds ios-md, ios-lg and android, Platform Bridge holds Brand and System.