Inicio 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
Copia este prompt y pégalo en ChatGPT o Claude
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.

Cómo usar este prompt

  1. 1 Copia el prompt de arriba
  2. 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
  3. 3 La IA generará el código del sitio web por ti
  4. 4 Personaliza e itera según tus necesidades

Acerca de este Prompt de Fitness

Este prompt Yoga Studio Homepage está diseñado para ayudarte a crear rápidamente sitios web profesionales de fitness usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.

Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear yoga studio homepage. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.

Herramientas de IA Compatibles

  • ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
  • Claude 3 - Excelente para diseños web complejos y matizados
  • v0 de Vercel - Perfecto para componentes React y Next.js
  • Cursor - Ideal para codificación potenciada por IA en tu IDE
  • Bolt.new - Prototipado rápido y apps full-stack
  • Lovable - Constructor de sitios web IA fácil de usar

Etiquetas

Yoga Wellness Fitness Studio Homepage Fitness Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar