Flywheel
8 screens · Fitness and trainingAn indoor cycling app where every watt is arithmetic
Eight screens of an indoor training app built on one stored number and a list of intervals. Every target, zone, intensity factor, stress score and weekly total on every screen is worked out from an FTP of 268 watts rather than written beside it.
The design system and all 8 screens in one prompt. Each screen is also on its own page, free, if you only want one.
Design system
One file, shipped with the set. Every screen declares these values inline so it can be lifted out on its own, and the build refuses a screen that paints a colour this file does not name.
Colours
Scales
The flow
In the order somebody meets them. This is the app's own sequence, not a list of categories.
Getting on the bike
3The three screens between opening the app and turning the pedals, each one narrower than the last.
What it actually was
2The ride against the workout that asked for it, and the numbers that move because of it.
Choosing what is next
3The block, the library it draws from, and the plan that gates the whole thing.
