Lifetime prices rise on 19 October →
Phox Elements
Preview colours
Preview only — copied wireframes keep their original colours.
testimonial-22-runner-check-ins-that-climb-to-race-day
View favourites Favourites are saved in this browser.

Notes

A testimonial told as one client’s journey: three check-in quotes from the same runner at weeks 1, 9 and 18, set as cards that climb like a staircase, with the last one flooded in the brand colour. Each card carries the longest run so far and a Breakdance Progress Bar for how far through the plan she was, with stripes, animation and the percentage switched off. The climb is a top margin on the first two cards (168px and 84px on desktop, smaller on tablet landscape, zero from tablet portrait where the cards stack), so keep the quotes a similar length or the steps go uneven. The runner card at the top uses an empty Image for the portrait, so swap in a real photo.

Similar wireframes