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.
Önizle
Ekranları keşfedin
Sleek'te tamamen düzenlenebilen yoga mobil uygulama tasarımını önizleyin.
Yoga App hakkında
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.
İçindekiler
Dahil olan ekranlar
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.
Tasarım ve özellikler
Öne çıkan özellikler
- 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
Hedef kitle
Kimler için
Kullanım alanları
Neler oluşturabilirsiniz
- 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
Bu şablon nasıl kullanılır
- 1
Şablonu aç
Ekranlara göz atın ve fikrinize uyup uymadığını görmek için tüm tasarımı önizleyin.
- 2
Bu şablonu kullan
Tek tıkla Sleek'te tamamen düzenlenebilir kendi kopyanızı açın.
- 3
Yapay zekâ ile düzenle
Ne istediğinizi anlatarak paleti yeniden tasarlayın, düzenleri değiştirin, ekran ekleyin veya kaldırın.
- 4
Dışa aktar ve yayınla
Tasarımınızı dışa aktarın ya da geliştiricilere teslim edin, lansmana kadar geliştirmeye devam edin.
Sıkça sorulan sorular
İlgili mobil uygulama şablonları
yoga uygulamanızı tasarlamaya başlayın
Sleek'te kullanın ve kendinize göre uyarlayın: paleti yeniden tasarlayın, herhangi bir ekranı yapay zekâ ile düzenleyin, ardından koda veya Figma'ya dışa aktarın.
Bu şablonu kullan