Yoga Studio Booking Website Template

Quick summary

Asana is a single-page yoga studio pricing template built on a 50/50 split-screen layout. It uses a Bold Brutalist visual theme and an AI Iridescent color system to present class plans with the density of a technical document. The primary call to action is a seven-day free trial requiring only three form fields.

Who this template is for

This template is built for yoga studios that want to sell class packs and memberships without relying on vague lifestyle copy. It suits studio owners who trust numbers to do the persuading.

• Yoga studios targeting busy professionals, new mothers, or active retirees comparing plans on mobile
• Studio operators who want a pricing page that feels premium without being fussy or over-designed
• Independent instructors or small studio teams launching a structured pricing page quickly

What problem this template solves

Most yoga studio pricing pages bury the details inside soft photography and motivational quotes. Visitors leave without understanding what each plan actually includes. This template solves that directly.

• Plan details are presented in tight, scannable rows so visitors compare options without hunting for information
• The commitment barrier is lowered by separating the free trial path from the drop-in path, reducing decision fatigue
• The confirmation screen after sign-up filters the studio schedule to the visitor's chosen time slot, cutting the steps between sign-up and first booking

What you get with this template

You get a fully structured, single-page pricing layout designed to move visitors through a clear decision path. Every section serves the conversion goal without unnecessary decoration.

• A Feature Tab Switcher header with three plan tabs, a spec sheet on the left, and a matched photograph on the right
• A side-by-side plan comparison section with iridescent cell highlights on differentiating rows
• A pinned "Try 7 Days Free" call-to-action on every plan column, plus a secondary drop-in option for hesitant visitors
• A post-submission confirmation screen that surfaces the studio schedule filtered to the visitor's selected time slot

Feature list

This template is built around a small set of high-impact components. Each one earns its place by moving the visitor one step closer to a decision.

Feature Tab Switcher Header

Three brutalist slab tabs sit side by side at the top of the page, labeled Drop In, Membership, and Unlimited in heavy uppercase monospace type. Clicking a tab replaces both the spec sheet on the left and the matched photograph on the right with a hard cut, no transition fade.

Split-Screen Spec Sheet Layout

The left half of every active tab displays the plan's full detail list: class count, guest passes, mat rental inclusion, workshop access, and cancellation window. Each row is rendered in tight horizontal bands like a product data sheet, keeping information density high without visual clutter.

Iridescent Plan Comparison Table

Scrolling past the header reveals a side-by-side comparison of all three plans. Rows that differ between plans receive iridescent cell fills in holographic lilac or electric opal, so the eye goes directly to the deciding detail without having to read every line.

Pinned Dual Call-to-Action

Every plan column carries a pinned "Try 7 Days Free" button at the bottom. A secondary "Just Drop In" option sits alongside it for visitors who are not ready to commit. Both paths are always visible without scrolling.

Frictionless Three-Field Trial Form

The trial sign-up form asks only for first name, email address, and preferred first-class time slot. No credit card is required. The form is intentionally minimal so the spec sheet carries the persuasion load before the visitor reaches this step.

Post-Submission Schedule Screen

After the form is submitted, a confirmation screen appears showing the studio schedule filtered to the visitor's chosen time slot. A single tap lets the visitor book their first class immediately, closing the gap between intent and action.

Page sections overview

Design & branding system

The visual identity pairs a Bold Brutalist structure with an AI Iridescent color system. Dark, monolithic surfaces carry the layout while prismatic color accents guide every decision point.

• Background tones stay anchored in raw charcoal (#1A1A1A) and exposed-slab warm gray (#3D3A38), keeping the page grounded and readable
• Iridescent accents in holographic lilac (#C4A1FF) and electric opal (#7DF9FF) appear on plan card highlights, toggle switches, and active tab states to direct the eye
• Iridescent rose (#FF6FD8) is reserved for hover states and active plan indicators, ensuring color signals action rather than decoration
• Typography uses heavy uppercase monospace type for plan labels and headers, reinforcing the spec-sheet creative direction throughout

Mobile & speed optimization

The split-screen layout is designed with mobile visitors in mind. Visitors comparing plans between meetings on their phones are a named use case, so the layout handles smaller screens without losing clarity.

• The 50/50 split-screen stack adjusts for narrow viewports so spec sheet details and plan photos remain readable on mobile
• Pinned call-to-action buttons stay anchored at the bottom of each plan column regardless of scroll position or screen size
• The three-field trial form is minimal by design, reducing tap friction for mobile visitors completing sign-up on a small screen

How this template helps you convert

The page is structured as a progressive commitment path. Each section builds on the last, moving the visitor from curiosity to a low-risk first action.

1. The tab switcher and spec sheet answer every plan question upfront, so the visitor arrives at the call-to-action already informed rather than uncertain
2. The per-class cost breakdown section reframes the plan price as a daily or per-session value, making higher-tier plans easier to justify without extra copy
3. The three-field trial form and the post-submission schedule screen reduce the steps between "I want to try this" and "I have a class booked" to an absolute minimum

Other information about this template

This template was designed at the intersection of a yoga studio pricing page use case and a technology-forward template category. A few additional details worth noting:

• The Spec Sheet creative direction means copy discipline is built into the layout; the template resists the urge to pad sections with adjectives
• The Freemium/Trial landing-page direction supports studios offering introductory free trial periods as their primary acquisition offer
• The Bold Brutalist theme makes this template visually distinct from the soft, pastel-heavy aesthetic common in yoga studio website templates
• The AI Iridescent color system is functional, not decorative; every iridescent tone signals a specific interactive state rather than adding ambient style
• This template is suited for yoga studio pricing pages where the goal is reducing drop-off among price-comparing visitors on mobile devices

Show more