Health & Fitness · Sunlit Linen
Yoga App Design Template
Sahana is a warm, sunlit yoga app design for studios and wellness founders, built around a calming "breath arc" that fills as each pose and session progresses.
Preview
Explore the screens
Preview the yoga mobile app design, fully editable in Sleek.
About the Yoga App
Sahana is a yoga app design template wrapped in a "Sunlit Linen" look: a warm off-white base, deep clay terracotta for headings and active states, sage and soft sand for tonal surfaces, and a single ochre accent reserved for the primary practice button and progress fills. Surfaces are flat, papery blocks separated by hairline rules instead of glossy shadows, with naturally-lit photography of real practitioners mid-pose, so every screen feels like a quiet morning studio.
The template includes six connected screens that form a full practice flow: a personalised Today home with a featured class and intention picker, a Library to browse classes by style, a Class detail with teacher and duration, a Practice player that counts down each hold, a Programs view of multi-week journeys, and a Progress dashboard with streaks and minutes on the mat. A recurring breath arc, a thin semicircular gauge that fills clockwise, ties the daily card, the player, and the streak ring together.
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI by describing the change, and add the flows your product needs. Then export it to code, copy it into Figma, or hand a prompt to an AI agent to build it for real, a far faster start than a blank canvas.
What's inside
Screens included
Today
A warm greeting ("Good morning, Leena") sits above a featured "Morning Flow" class card with a sunlit photo and breath arc, plus an intentions row for Energize, Unwind, and more. The daily entry point that gets practitioners onto the mat fast.
Library
Classes grouped by style such as Vinyasa and Hatha, shown as warm photo cards with teacher name, level, and duration. The browse-and-discover surface for finding the right flow.
Class detail
A hero photo over the class title, teacher ("with Anjali Rao"), duration, difficulty, a written description, and a wide ochre "Begin Practice" slab. Everything a practitioner needs before starting.
Practice player
A line-drawn pose diagram inside the breath arc counting down the hold, the current pose name with its Sanskrit subtitle ("Warrior II, Virabhadrasana II"), a session progress bar, and play controls. The focused, mid-practice view.
Programs
Multi-week journeys like "14 Days to Deeper Backbends" with a resume action, plus discoverable programs tagged by length and level. Keeps practitioners returning over time.
Progress
A hero minutes-this-month number inside a breath-arc ring, day streak and total sessions stats, and an active-days calendar of filled clay pebbles. Turns consistency into a visible reward.
Design & features
Key features
- Sunlit Linen aesthetic: warm off-white, clay terracotta, sage, and one ochre accent
- Flat papery surfaces with hairline rules instead of glossy shadows
- Signature breath arc gauge across the player, daily card, and streak ring
- Humanist serif pose names paired with a relaxed grotesque for UI labels
- Grounded bottom nav with the active icon in a terracotta pebble
- Practice player with Sanskrit pose names and countdown timing
- Intention picker and featured-class daily home
- Progress tracking with streaks, session totals, and an active-days calendar
Audience
Who it's for
Use cases
What you can build
- Launch an MVP for a yoga or wellness subscription
- Mock up screens for an investor or studio pitch
- Hand a consistent, warm UI off to developers
- Explore a redesign of an existing fitness app
How to use this template
- 1
Open the template
Browse the screens and preview the full design to see if it fits your idea.
- 2
Use this template
Open your own fully editable copy in Sleek with one click.
- 3
Edit with AI
Restyle the palette, change layouts, and add or remove screens just by describing what you want.
- 4
Export and ship
Export your design or hand it to developers, and keep building toward launch.
Frequently asked questions
Related mobile app templates
Start designing your yoga app
Use it in Sleek and make it yours: restyle the palette, edit any screen with AI, and export to code or Figma.
Use this template