UI reference · iOS

Settings

Settings · Settings · Tonal

Added to Refcat Oct 16, 2026

Settings UI from Tonal

Patterns

HomeCalendar

Components

tabcard

Explore real product flows

Onboarding flow in Tonal

Home flow in Tonal

Setting up a fitness profile

Completing a workout flow in Tonal

Completing a workout

Adding a movement flow in Tonal

Adding a movement

Strength score flow in Tonal

Logging in flow in Tonal

Achievements flow in Tonal

Setting up preferences flow in Tonal

Setting up preferences

Adding a workout to schedule flow in Tonal

Adding a workout to schedule

Joining a program flow in Tonal

Joining a program

Rating a workout flow in Tonal

Rating a workout

More UI examples

settings UI examples

Explore the full catalog

Terms and conditions Privacy Cookies