🥇
Fernhall - Pilates Studio HTML Website Template
Most studio templates are yoga or gym themes with the class names changed. A reformer studio needs three specific things from its website: a timetable people can check on their phone, clear prices from the intro offer up to memberships, and enough reassurance that a nervous beginner books a first class. Fernhall is built around those three jobs, across 9 pages. Schedule. The Schedule page shows the next seven days, built from one weekly timetable file. Visitors filter by class type, level, instructor and day, and the filtered view can be shared as a link. Each class shows how many spots are left, "Full" with a waitlist button, or "Spots not listed" if you'd rather not publish numbers. You type the numbers in a data file. If your booking tool can publish them as JSON, the page can read that feed instead. Pricing. A three-step ladder: intro offer, class packs, memberships. The monthly/annual toggle recalculates the annual total, the monthly equivalent and the saving from the prices you enter. Visitors add packs and memberships to a bag, and the bag sends them on to your booking tool's or payment provider's checkout. The site itself takes no payments. First class. The Contact page doubles as a free-first-class form. It checks each field, preselects the class a visitor chose on the Schedule, and comes with setup steps for Formspree-style services, your own script or Netlify Forms. Until you connect one, it tells visitors plainly that nothing was sent. It never shows a fake "Thanks, we got it". Instructors. Each instructor card opens a full bio with certifications, the classes they teach and a link to their slots on the Schedule. Classes, Studio and About. The Classes page gives each class type its own section: who it's for, what to expect, what to bring and who teaches it. The Studio page shows your amenities and a photo gallery with category filters and a full-screen viewer. The About page tells the studio's story next to a photo that changes with each step on desktop. Find-your-class quiz. Three questions for newcomers, with no account or email. Pregnancy and injury answers point visitors to the right class and remind them to check with their doctor. Design. Cream pages, terracotta buttons and arch-framed photos. The free-first-class band, the mobile menu and the footer sit on olive green with pale-yellow accents, and the "Most popular" plan card is cocoa brown. Headings are set in Young Serif, body text in Figtree. That is the default Warm theme. Eucalyptus and Sand are two more complete palettes, each with its own corner and arch shapes, and you switch between them with one setting. Editing. All content lives in commented data files: studio name, contact details, timetable, prices, instructors, opening hours, FAQ, gallery, quiz and social links. Colors sit in one theme file. There is no build step, no npm and no framework. The fonts are embedded in the CSS, so you can double-click index.html and preview the site straight from the download folder, then upload it to any static host. Nine Markdown guides cover setup, rebranding, every data field, forms and checkout, themes and the quiz, plus a step-by-step booking-integration guide. Live demo. Add ?theme=eucalyptus or ?theme=sand to the address to see the other themes. Browsers. Tested in Chrome (full QA) and Firefox (smoke test). Demo photos are AI-generated (OpenAI ChatGPT Images) and included in the download (34 photos). They show a fictional studio, so replace them with your own photos before launch.
Created Sep 27, 2026 · Updated Oct 1, 2026