Startseite Fitness Yoga Studio Homepage

Yoga Studio Homepage

A serene yoga studio homepage with class schedules, instructor profiles, membership tiers, and an online booking system

Yoga Wellness Fitness Studio Homepage
Kopiere diesen Prompt und füge ihn in ChatGPT oder Claude ein
Create a calming, elegant homepage for a modern yoga and wellness studio called "Inhale Studio" with two locations in Austin, TX. The design should feel serene, grounded, and inviting — blending warmth with clean minimalism. The studio offers in-person classes, virtual livestreams, and an on-demand video library.

1. NAVIGATION BAR
- Logo: "Inhale" in a refined sans-serif with a small lotus petal accent mark above the "i"
- Links: Classes, Schedule, Instructors, Pricing, On-Demand, Workshops
- Right side: location selector dropdown ("South Lamar" / "Domain"), "Book a Class" CTA (solid #7C6F5B warm taupe)
- White background with subtle bottom border, sticky on scroll
- Mobile: hamburger with full-screen overlay on soft cream background

2. HERO SECTION
- Full-width image of a light-filled studio with warm wood floors, floor-to-ceiling windows, and a practitioner in a graceful warrior pose
- Overlay content (center-aligned):
  - Eyebrow: "Austin's Home for Mindful Movement"
  - Headline: "Breathe. Move. Transform."
  - Subheadline: "Vinyasa, Yin, Hot Yoga, Meditation & more — for every body, every level"
  - Two CTAs: "View Schedule" (solid warm taupe) + "Try Your First Class Free" (outline)
- Subtle warm gradient overlay from bottom (#FDF8F0/80) so text is legible

3. CLASS TYPES (horizontal scroll cards)
- Section headline: "Find Your Practice"
- 7 class cards in horizontal scroll:
  - Vinyasa Flow — "Dynamic, breath-linked movement. Build strength, flexibility, and focus." — 60 min — All levels — flame icon
  - Hot Power Yoga — "Traditional power yoga in 95°F heated room. Deep sweat, deep stretch." — 75 min — Intermediate+ — fire icon
  - Yin Yoga — "Slow, passive poses held 3-5 minutes. Deep connective tissue release." — 75 min — All levels — moon icon
  - Restorative — "Prop-supported poses for total relaxation. Perfect stress relief." — 60 min — All levels — cloud icon
  - Meditation & Breathwork — "Guided mindfulness, pranayama, and visualization techniques." — 30 min — All levels — eye icon
  - Prenatal Yoga — "Safe, nurturing practice for expecting mothers. Modified poses throughout." — 60 min — All levels — heart icon
  - Yoga Sculpt — "Yoga meets light weights. Cardio bursts, strength building, and stretching." — 60 min — Intermediate — dumbbell icon
- Each card: soft rounded corners (16px), pastel accent color strip at top (each class a different muted tone), hover reveals "Book This Class" link
- Background: #FDF8F0 (warm cream)

4. TODAY'S SCHEDULE (live schedule widget)
- Section headline: "Today's Classes"
- Location toggle tabs: "South Lamar" | "Domain" | "Livestream"
- Schedule as a clean timeline list:
  - 6:00 AM — Vinyasa Flow — with Maya R. — South Lamar — Studio A — 8 spots left
  - 7:30 AM — Hot Power Yoga — with Devon K. — South Lamar — Hot Room — Full (Waitlist)
  - 9:00 AM — Yin Yoga — with Lena M. — Domain — Studio B — 12 spots left
  - 10:30 AM — Yoga Sculpt — with Carlos G. — South Lamar — Studio A — 5 spots left
  - 12:00 PM — Meditation & Breathwork — with Maya R. — Livestream — Unlimited
  - 5:30 PM — Vinyasa Flow — with Aisha T. — Domain — Studio A — 10 spots left
  - 7:00 PM — Restorative — with Lena M. — South Lamar — Studio B — 15 spots left
- Each row: class type color dot, time, class name, instructor (linked), location, availability
- "Book" button on each row (teal green #2DD4BF when spots available, gray when full)
- "View Full Week Schedule →" link at bottom
- Filter pills: All, Vinyasa, Hot, Yin, Restorative, Meditation, Sculpt

5. MEET THE INSTRUCTORS (photo card grid)
- Section headline: "Your Guides"
- 4 instructor cards in a row:
  - Maya R. — Lead Instructor, E-RYT 500 — "Vinyasa, Meditation" — 12 years teaching — warm smile portrait photo — "Maya's classes blend physical challenge with mindfulness. Her playlists are legendary."
  - Devon K. — Hot Yoga Specialist, RYT 200 — "Hot Power, Vinyasa" — 6 years teaching — action photo in hot studio — "Devon brings the heat — literally. Expect to sweat, laugh, and leave renewed."
  - Lena M. — Yin & Restorative, E-RYT 500 — "Yin, Restorative, Prenatal" — 15 years teaching — serene seated portrait — "Lena creates the most calming space. Her yin classes feel like a warm hug."
  - Carlos G. — Yoga Sculpt, RYT 200 — "Sculpt, Vinyasa Flow" — 4 years teaching — dynamic mid-pose photo — "Carlos fuses yoga with fitness. Come ready to work — and have fun."
- Each card: rounded portrait photo, name, credentials, specialties, short bio quote
- Hover: subtle scale-up, "View Schedule" link appears
- Background: white

6. MEMBERSHIP & PRICING (3-tier)
- Section headline: "Invest in Your Practice"
- Drop-In — $28/class
  - Single class, any style
  - Mat and towel rental included
  - Access to both locations
  - CTA: "Buy Drop-In"

- Monthly Unlimited — $149/month
  - Unlimited in-studio classes
  - Livestream access included
  - 10% off workshops & retail
  - Guest pass (1/month)
  - CTA: "Start Membership"
  - Badge: "Most Popular"

- Annual Unlimited — $129/month (billed $1,548/year — save $240)
  - Everything in Monthly, plus:
  - Full on-demand video library (500+ classes)
  - 2 guest passes/month
  - Priority workshop registration
  - Free mat storage locker
  - CTA: "Start Membership"
  - Badge: "Best Value"

- New student offer banner: "First class FREE + 30 days unlimited for $79 (new students only)"
- Below pricing: "All memberships include mat rental, filtered water, and access to both locations"

7. ON-DEMAND LIBRARY PREVIEW
- Section headline: "Practice Anywhere"
- Subheadline: "500+ classes on demand — from 10-minute meditations to 90-minute deep practices"
- 4 featured video thumbnails in a row:
  - "Morning Vinyasa Flow" — 45 min — with Maya R. — 4.9★ (312 views)
  - "Deep Yin for Hips & Lower Back" — 60 min — with Lena M. — 4.8★ (287 views)
  - "Quick Desk Break Stretch" — 10 min — with Carlos G. — 4.9★ (541 views)
  - "Sleep Meditation & Body Scan" — 20 min — with Devon K. — 4.7★ (198 views)
- Each thumbnail: play button overlay, duration badge, instructor name, star rating
- CTA: "Browse Full Library" (outline taupe)
- Note: "Included with Annual Unlimited membership or $19/month standalone"

8. WORKSHOPS & EVENTS
- Section headline: "Go Deeper"
- 3 upcoming workshops as cards:
  - "Handstand Workshop" — Jan 18, 2–4 PM — with Carlos G. — $45 — "Break down arm balances and inversions. All levels welcome (we use the wall!)." — 8 spots left
  - "Sound Bath & Restorative" — Feb 1, 7–8:30 PM — with Lena M. — $35 — "Crystal singing bowls, candlelight, and deep rest. Bring a blanket." — 14 spots left
  - "200-Hour Teacher Training" — Starts Mar 1 — with Maya R. & Lena M. — $3,200 (payment plans available) — "Become a certified yoga teacher. 12-week immersive program." — 4 spots left
- Each card: date, title, instructor, price, description, availability, "Register" CTA

9. TESTIMONIALS (horizontal scroll)
- Headline: "From Our Community" — "4.9/5 from 1,120 reviews on Google"
- Review 1: "I've tried studios all over Austin. Inhale is different — the instructors actually see you. Maya adjusted my alignment in week one and it changed my entire practice." — Rebecca T., member since 2023, 5★
- Review 2: "Hot Power with Devon is the highlight of my week. I leave drenched and grinning. The heated room is immaculate too — no weird smell like other hot yoga spots." — James P., member since 2024, 5★
- Review 3: "As a complete beginner, I was nervous. But the vibe here is so welcoming. Nobody judges you. I started with Restorative and now I'm doing Vinyasa 3x a week." — Mia L., member since 2024, 5★

10. LOCATION & CONTACT
- Section headline: "Visit Us"
- Two location cards side by side:
  - South Lamar — 2401 S Lamar Blvd, Austin, TX 78704 — 2 studios + hot room — Parking: free lot — Hours: 6 AM–9 PM daily — embedded map thumbnail
  - Domain — 11005 Burnet Rd, Suite 120, Austin, TX 78758 — 1 studio + meditation room — Parking: garage (free 2 hrs) — Hours: 7 AM–9 PM daily — embedded map thumbnail
- Below: "Questions? Email hello@inhalestudio.com or call (512) 555-0178"

11. FINAL CTA
- Background: warm earthy gradient (#7C6F5B taupe to #A3926B light taupe)
- Headline: "Your First Class Is On Us"
- Subheadline: "No experience needed. No flexibility required. Just show up."
- Email input + "Claim Free Class" button (solid white, taupe text)
- Below: "No credit card required · Mats provided · All levels welcome"

12. FOOTER
- 4 columns: Practice, Studio, Community, Info
- Practice: Class Types, Schedule, On-Demand, Workshops, Teacher Training
- Studio: South Lamar, Domain, Our Story, Instructors, Careers
- Community: Blog, Events, Gift Cards, Refer a Friend, Student Discount (20% off)
- Info: FAQ, Contact, Privacy Policy, Terms of Service, Accessibility
- Social: Instagram, Facebook, YouTube, Spotify (class playlists)
- "© 2026 Inhale Studio. All rights reserved."

Design: Warm, serene, organic. Primary: #7C6F5B (warm taupe), secondary: #2DD4BF (soft teal for accents and CTAs), accent: #F59E0B (amber for badges and highlights). Backgrounds: #FFFFFF (white) alternating with #FDF8F0 (warm cream) and one dark #292524 (warm charcoal) section for contrast. Typography: Cormorant Garamond for headings (elegant serif), Inter for body text. Cards with 16px border-radius, minimal shadows, organic rounded shapes. Plenty of whitespace, natural textures (linen, warm wood tones in photos). Muted, earth-tone color palette throughout.

Responsive: On mobile, class type cards become horizontal swipe. Schedule collapses to accordion by time slot. Instructor cards become 2-column then single column. Pricing cards stack with "Most Popular" first. On-demand thumbnails become 2x2 grid. Location cards stack vertically. Floating "Book Class" button at bottom on mobile. Navigation collapses to hamburger with cream background overlay.

So verwendest du diesen Prompt

  1. 1 Kopiere den Prompt oben
  2. 2 Füge ihn in dein Lieblings-KI-Tool ein (ChatGPT, Claude, v0, etc.)
  3. 3 Die KI generiert den Website-Code für dich
  4. 4 Passe an und iteriere nach deinen Bedürfnissen

Über diesen Fitness Prompt

Dieser Yoga Studio Homepage Prompt wurde entwickelt, um dir zu helfen, schnell professionelle fitness-Websites mit KI-Tools wie ChatGPT, Claude, v0 von Vercel, Cursor und Bolt.new zu erstellen.

Ob Entwickler, Designer oder Unternehmer - dieser kostenlose KI-Prompt gibt dir einen Vorsprung beim Erstellen von yoga studio homepage. Kopiere einfach den Prompt, füge ihn in deinen bevorzugten KI-Coding-Assistenten ein und passe ihn an deine Marke an.

Kompatible KI-Tools

  • ChatGPT (GPT-4) - Hervorragend für detaillierte Code-Generierung und Erklärungen
  • Claude 3 - Ausgezeichnet für komplexe, nuancierte Website-Designs
  • v0 von Vercel - Perfekt für React- und Next.js-Komponenten
  • Cursor - Ideal für KI-gestütztes Coding in deiner IDE
  • Bolt.new - Schnelles Prototyping und Full-Stack-Apps
  • Lovable - Benutzerfreundlicher KI-Website-Builder

Tags

Yoga Wellness Fitness Studio Homepage Fitness KI-Prompt Kostenlose Vorlage Website-Builder Webdesign Copy-Paste Prompt