Demo product
Rule of Thumb, built only from Sidestep.
A made-up design tutor: five short lessons that teach the rules of thumb behind good interfaces by letting you feel them first. Every screen is Sidestep's components and tokens, with nothing invented. Change Motion and Theme at the top and the whole app follows.
Learn design by feeling it.
Five short lessons on the rules of thumb behind good interfaces. You try each one before anyone explains it. Nothing finished yet, so start with the first.
0 of 5 lessons finished
2. Number of choicesLocked until the one before it is done. Why every extra option slows people down.
3. Response timeLocked until the one before it is done. Where a delay starts to feel like waiting.
4. How things arriveLocked until the one before it is done. Why motion that slows down feels natural.
5. GroupingLocked until the one before it is done. How space tells people what belongs together.
Demo controls
These are here so you can see every screen. A real app wouldn't have them.