Kalo Screens and flows
Part 3 · Key screens and flows

Two user stories, end to end

Every screen below is composed from the design system components and tokens, nothing else. The frames are tappable: follow the "Try" list under each one, use the tab bar to move between areas, and use the step chips above a frame to jump to any step, including the loading, error and empty states. Flow A logs a meal in the fewest taps. Flow B finds a recipe that fits the user's profile and fits it to their day.