Yoga studio landing page — Free AI-Generated Website Example
Morning light, whitespace and a slow pace for a yoga studio. Generated in one pass by PageGen's own HTML model from a short brief, with no human edits. Preview it free or use it as a template.
Local businessWarmClass scheduleEnglish
The brief behind this page
This is the exact brief given to PageGen; our own HTML model generated the page above from it. Change a few lines and it becomes yours.
Design a boutique yoga studio landing page that feels calm, intentional, and grounded — the antidote to high-intensity gym culture. Visual Strategy: Imagery: soft morning light through large windows, students in postures, plants, mat textures. Photography: warm natural light, shallow depth of field. Composition: open negative space, diagonal sunbeams. Color Palette: Primary Colors: warm sand, sage green, off-white. Accent Colors: terracotta, dusk pink. Background: subtle paper or linen texture. Typography: Headings: humanist serif, comfortable weight. Body Text: airy line-height. Layout: generous margins; one idea per scroll viewport. Page Structure: Hero Section: a slow-breathing visual + studio name + booking CTA. Practices: vinyasa / yin / restorative / breathwork. Teacher Bios: photo + personal "why I teach" quote. Class Schedule: calendar view with seat availability. First Class Free: prominent capture form. Interaction Details: - Hero visual subtly expands and contracts on a 4-second breath cycle. - Headlines fade up with a soft 600ms ease as they enter view. - Teacher quotes type out character-by-character on hover. - Schedule rows expand to reveal the studio room and prerequisites. - A tiny chime plays once on first scroll (opt-in). - Hover on any image triggers a slow Ken Burns zoom. Overall Vibe: calm, welcoming, intentional, restorative.
More examples
- AI infrastructure product pageTech product homepage: dark, cold, imposing
- Furniture brand homepageMagazine-style brand homepage, 70% imagery
- Creative studio homepageStudio homepage with an oversized wordmark and asymmetric layout
- Luxury travel landing pageExpedition travel landing page with a warm widescreen hero
- Tea drink launchProduct launch page with an Eastern, tactile feel
- Annual results reportResults story with rolling numbers and charts drawn section by section