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 Copia el prompt de arriba
- 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
- 3 La IA generará el código del sitio web por ti
- 4 Personaliza e itera según tus necesidades
Más Prompts de Fitness
Class Booking Page
An interactive class schedule and booking system for fitness studios and gyms
Booking Schedule
Fitness App Landing Page
A conversion-optimized landing page for a fitness or workout tracking mobile application
Landing Page App
Membership Comparison Page
Gym membership plan comparison with features matrix and signup flow
Pricing Membership
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