Moxa — Traditional Wellness Therapy Landing Page Template

Quick summary

Moxa is a single-page lead generation template designed for moxibustion studios. A 90-percent-viewport animated hero anchors the page, and a numbered step-by-step scroll journey walks visitors through the full treatment process. The parchment, ember, and herb-brown palette feels medicinal without being clinical, earning visitor trust before the booking form appears.

Who this template is for

This template serves wellness practitioners who want to grow their client base through clear visual storytelling. It is especially well suited for studios where education is as important as conversion.

• Moxibustion studios booking first-time patients unfamiliar with the practice
• Acupuncture practitioners offering specialized moxibustion or referring out for burn work
• Fertility, chronic pain, and sports-recovery clinics looking for a dedicated landing page

What problem this template solves

Moxibustion is a form of heat therapy that stimulates specific acupuncture points, yet most visitors arrive knowing almost nothing about it. Generic wellness templates leave that gap wide open, and hesitant visitors leave without booking.

• Unfamiliar visitors need education before they trust a booking form
• Most wellness templates skip the process explanation that builds that trust
• Studios lose qualified leads because the page never earns the click

What you get with this template

You get a fully structured, animation-ready landing page built around the moxibustion journey from first impression to confirmed inquiry.

• A 90-percent-viewport hero section with a botanical SVG animated moxa stick, curling smoke paths, and meridian line illustration
• A four-step scrolling process with scroll-triggered botanical illustrations, condition protocol diagrams, and a patient thermal imaging results block
• A three-field sequential lead form plus a secondary PDF download call to action for email nurture

Feature list

This template includes six purpose-built features grounded in the source brief.

Botanical SVG Hero Animation

The hero fills ninety percent of the viewport with an illustrated moxa stick igniting at one end. The ember blooms, smoke wisps curl upward along looping motion paths, and each tendril traces a meridian line across an abstracted human silhouette. The animation breathes, intensifying and softening like a living coal.

Four-Step Scroll Journey

Below the hero, four numbered sections guide visitors through a complete treatment session. Step one shows tongue and pulse diagnosis illustrations animating on scroll. Step two reveals a botanical cross-section of dried mugwort with heat radiating outward. Step three diagrams acupuncture points and condition-specific protocols. Step four presents thermal imaging before and after, letting the body's response speak for itself.

Rising-Smoke Parallax Transitions

Each step transitions with a subtle rising-smoke parallax element. The scroll itself feels like ascending warmth, reinforcing the healing narrative without requiring a single word of explanation.

Sequential Lead Capture Form

The primary call to action, "Book Your First Burn," appears as a persistent ember-glow button after step two. The form reveals three fields in sequence: primary concern (dropdown covering pain, fertility, digestion, immunity, and other conditions), referral source, and preferred contact method.

PDF Download Secondary Path

A secondary call to action offers a downloadable Moxa Readiness Guide. This path captures email addresses for nurture and serves visitors who are not yet ready to book but want to learn more about the treatment and its safety considerations.

Ember-Glow Interactive States

Buttons pulse with ember glow on hover. Step cards animate on intersection, section dividers use mugwort green, and headline weight uses deep herb brown. Every interactive state reinforces the warmth and intentionality of the brand.

Page sections overview

Design & branding system

The visual identity follows a Dynamic Motion theme built on a Botanical color system. Every color choice references the physical world of the practice: dried herbs, glowing coals, aged paper, and living plant matter.

• Parchment cream (#F5EFE0) dominates backgrounds like aged rice paper; deep herb brown (#5C4033) grounds headlines with apothecary weight; ember glow (#D4883A) pulses on buttons and hover states; mugwort green (#6B7F3B) anchors dividers and iconography; ash charcoal (#3B3735) carries body text
• Typography pairs Fraunces serif headlines with DM Sans body text, balancing editorial warmth with clinical readability
• Illustration style follows a botanical-plate aesthetic with visible leaf texture, twisted fiber detail, and hand-drawn line quality throughout

Mobile & speed optimization

The template is designed desktop-first at a 90/10 hero ratio, with full responsive behavior for smaller screens. All animations are built for GPU-accelerated performance using CSS transitions and IntersectionObserver scroll triggers.

• SVG botanical animations and smoke path effects use GPU-accelerated CSS to keep motion smooth without heavy resource overhead
• IntersectionObserver powers all scroll-triggered reveals, so sections animate only when they enter the viewport
• Sequential form field reveals and hover states are handled with lightweight CSS interactions, keeping the page responsive on touch devices

How this template helps you convert

The page earns the booking click by spending the first half of the scroll on education. Visitors who reach the form already understand moxibustion, which makes them far more likely to complete it.

1. The four-step journey demystifies the practice before any call to action appears, so the "Book Your First Burn" button arrives after trust is established, not before it
2. The secondary PDF download path captures email from visitors who are not ready to book, creating a nurture channel without losing the lead entirely

Other information about this template

This template is the Moxa ancient heat therapy moxibustion studio landing page template, built specifically for the wellness modalities niche. It is grounded in the principle that a landing page for moxibustion should blend education, trust, and a soothing aesthetic to convert unfamiliar visitors into booked patients.

• Moxibustion has been utilized for over 2,500 years in traditional Chinese medicine to prevent and treat diseases, and the page design reflects that historical weight through its apothecary editorial style
• The practice involves burning moxa derived from dried mugwort to produce penetrating heat; infrared radiation from a burning moxa stick can penetrate roughly 10mm into the skin and affect underlying tissues, a fact the step-by-step layout communicates visually
• Moxibustion stimulates specific acupuncture points and is used to treat a wide variety of concerns: chronic pain, fertility support, digestion, immunity, turning breech babies, fatigue, stress, anxiety, and other conditions including menstrual cramps and joint stiffness
• Both direct moxibustion and indirect moxibustion techniques are supported in the condition protocols section; indirect moxibustion involves holding a burning moxa stick near the skin or placing moxa over a protective medium such as ginger or garlic slices or a salt layer to reduce the risk of burns on the skin
• The template addresses safety expectations directly: moxibustion should only be performed by a trained practitioner; the biggest risk occurs if the stick is not fully extinguished after treatment; smoke from the burning process may cause sensitivities, so well-ventilated areas are recommended
• The layout is recommended for studios that want to enhance blood flow, support blood circulation, and communicate the warming and healing effects of acupuncture-integrated moxibustion through scroll-driven visual storytelling
• Studies on the efficacy and effectiveness of moxibustion inform the thermal imaging results block in step four, giving the page a grounded, evidence-aware tone without overstating clinical outcomes

Show more