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.



Vorschau
Screens erkunden
Sehen Sie das yoga-Mobile-App-Design in der Vorschau, vollständig editierbar in Sleek.
Über 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.
Was enthalten ist
Enthaltene Screens
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
Wichtige 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
Zielgruppe
Für wen es ist
Anwendungsfälle
Was Sie bauen können
- 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
So nutzen Sie dieses Template
- 1
Template öffnen
Stöbern Sie in den Screens und sehen Sie das komplette Design in der Vorschau, um zu prüfen, ob es zu Ihrer Idee passt.
- 2
Dieses Template nutzen
Öffnen Sie mit einem Klick Ihre eigene, vollständig editierbare Kopie in Sleek.
- 3
Mit KI bearbeiten
Palette umstylen, Layouts ändern und Screens hinzufügen oder entfernen – einfach indem Sie beschreiben, was Sie wollen.
- 4
Exportieren und launchen
Exportieren Sie Ihr Design oder geben Sie es an Entwickler weiter, und bauen Sie weiter Richtung Launch.
Häufig gestellte Fragen
Verwandte Mobile-App-Templates
Beginnen Sie mit dem Design Ihrer yoga-App
Nutzen Sie es in Sleek und machen Sie es zu Ihrem: Palette umstylen, jeden Screen mit KI bearbeiten und nach Code oder Figma exportieren.
Dieses Template nutzen







