# Workout summary

Workout summary: a free component, built on your design tokens, to use after a run, ride or walk ends, for the summary screen people screenshot and share. A finished run: who ran it, a route drawn on a token map, distance, time, pace and heart rate, time in each heart-rate zone, splits per kilometre with the fastest marked, and save and share.

Prompt: Add the OpenDesigner component workout-summary to this project: https://opendesigner.dev/library/r/workout-summary.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: finished, route saved, hover, focus.

Accessibility: The map is one image with a plain description; stats are a description list, splits a table with column headers, and Save route is a toggle button with aria-pressed.

File: https://opendesigner.dev/library/r/workout-summary.html