Yoga Demo: Included Pages & How to Customize It

Yoga demo

The Yoga demo is a Canvas niche skin built for independent teachers, neighborhood studios, and wellness brands that want a calm, focused online home. It ships with five ready to use pages covering class schedules, a studio story, contact details, a member login, and a pricing table for memberships and drop in passes. The layout is fully stretched with a full width header, a sticky footer, and a custom header height that gives the brand mark room to breathe.

The design personality is grounded and restorative, anchored by the sage green theme color and the rounded Sansita headings paired with the clean, readable Roboto body font. Soft contrast, generous spacing, and natural photography placeholders help every page feel like an exhale rather than a sales pitch.

Open the live preview

What's included

Page Description
demo-yoga.html Class schedule and studio landing page that opens the brand, highlights today's sessions, and invites visitors to book or sign up.
demo-yoga-about-us.html Studio story page covering teacher bios, philosophy, and the space itself so newcomers feel welcome before their first class.
demo-yoga-contact-us.html Contact page with a form, studio address, hours, and phone or email details for inquiries and class questions.
demo-yoga-login.html Member login page where returning students sign in to manage bookings, view history, and update their account.
demo-yoga-pricing.html Membership and pricing page laying out drop in rates, class packs, and recurring plans in an easy to compare layout.

The demo's own styles live in demos/yoga/yoga.css. Shared framework styles come from style.css and css/font-icons.css.

The full editing guide is in the dashboard

Step-by-step customization, the complete settings reference, and copy-paste code are available to registered Canvas users. Creating an account is free.

Open in dashboard

Required files

CSS: demos/yoga/yoga.css

Was this page helpful?