Breathe - Transformative Breathwork Landing Page Template
Breathe is a modular card-grid landing page template built for breathwork online courses. It combines a scroll-triggered video header, a community gallery of student story cards, and a five-question interactive assessment that delivers a personalized breathing protocol. The Adventure Terrain visual theme and Soft Mist color system give it a grounded, atmospheric feel that matches the subject matter perfectly.
by Rocket studio
Quick summary
Breathe is a single-page template designed for breathwork course creators who want to turn curious visitors into enrolled students. The scroll-triggered video header, modular community story cards, and a guided breathing assessment work together to create an immersive, trust-building experience from the first second of a visit.
Who this template is for
This template is built for instructors, coaches, and wellness creators who teach breath-based practices online. It speaks directly to audiences who are skeptical of generic wellness marketing and respond better to evidence and community than to promotional copy.
- Breathwork coaches offering structured online courses covering techniques such as box breathing, holotropic sessions, or cold-exposure breath rounds
- Wellness educators whose students include burned-out professionals, endurance athletes, or anxiety sufferers seeking drug-free nervous system support
- Course creators who want a high-trust, visually distinctive landing page without building from scratch
What problem this template solves
Most wellness course pages rely on polished stock photography and bullet-point benefit lists. That approach rarely earns trust from visitors who have already tried many solutions and remain unconvinced. This template solves that by surrounding the visitor with peer evidence instead of sales claims.
- Visitors do not immediately see a price or a hard sell; they see real student stories in modular gallery cards, which reduces skepticism before any commitment is requested
- The breathing assessment replaces a generic sign-up form with a personalized, low-friction entry point that feels helpful rather than transactional
- The scroll-synced video header creates an immediate visceral connection to the subject matter, making the purpose of the course felt before it is explained
What you get with this template
You get a fully structured, design-ready landing page with every key section already in place. The visual system, interactive components, and content layout are all defined so you can focus on your course content rather than layout decisions.
- A scroll-triggered video header that advances frame by frame as the visitor scrolls, with a single headline emerging from the animated mist
- A modular community gallery section built from tiled student story cards, supporting video clips, hand-drawn diagrams, data screenshots, and other varied media formats
- A floating pulsing quiz button and a five-question interactive assessment that delivers a personalized protocol recommendation and routes visitors into a free introductory session
Feature list
This template ships with a focused set of purpose-built components. Each one is designed around the specific behavior and expectations of a breathwork course audience.
Scroll-Triggered Video Header
The header viewport fills with a slow aerial drone shot moving through a mountain valley at sunrise. As the visitor scrolls, the video advances frame by frame in sync with their scroll speed. A single line of text emerges from the animated fog, grounding the visitor in the experience before any course details appear.
Modular Community Gallery Cards
Past the header, the page tiles into a basecamp-style bulletin board of student story cards. Each card is a self-contained unit supporting different media: short video clips, hand-drawn diagrams, data screenshots with a circled stat, or text testimonials. The variety of formats makes the social proof feel organic and real rather than curated.
Interactive Breathing Assessment
The primary call-to-action opens a five-question assessment covering stress level, primary goal, experience with breathwork, preferred session length, and one open-ended prompt about current breathing. Results deliver a named personalized protocol and route the visitor into a free introductory session, moving them from curious to enrolled without showing a price first.
Floating Pulsing Call-to-Action Button
The "Find Your Breathing Pattern" button is anchored as a persistent floating element that pulses gently like a resting heartbeat. It remains accessible at every scroll depth so visitors can enter the assessment at any point during their browsing.
Soft Mist Color System
The four-color palette uses morning fog gray, lichen stone, deep trail earth, and glacial stream blue. The blue is reserved specifically for interactive states and progress indicators, making clickable elements immediately recognizable without disrupting the muted, organic atmosphere of the rest of the design.
Adventure Terrain Visual Theme
Every design decision follows the Adventure Terrain direction: muted organic tones, softened edges, and a topographic-map visual language. The overall effect feels grounded and ancient rather than clinical or corporate, which matches the primal, elemental nature of breathwork itself.
Page sections overview
| Section | Purpose |
|---|---|
| Video Header | Scroll-synced aerial intro with emerging headline |
| Headline Overlay | Single-line message fading from animated mist |
| Community Gallery | Modular student story cards in tiled grid layout |
| Floating Quiz Button | Persistent pulsing call-to-action at every scroll depth |
| Interactive Assessment | Five-question quiz delivering personalized protocol |
| Protocol Results | Named breath-type recommendation with session entry |
| Free Session Funnel | Converts assessment result into course enrollment |
Design & branding system
The visual identity is built on the Soft Mist color system, a four-tone palette drawn from natural terrain. Every color has a specific role, keeping the design cohesive and purposeful across all sections.
- Core palette: morning fog gray (#E8E4E1) for backgrounds, lichen stone (#B5BFA1) for secondary surfaces, deep trail earth (#3B3A36) for text and structure, and glacial stream blue (#7FA8B5) reserved for interactive states and progress indicators
- Visual style follows the Adventure Terrain theme with muted, organic tones, softened edges, and a topographic-map sensibility that reads as calm authority rather than aggressive wellness branding
- The fog in the header never fully clears, maintaining atmospheric tension and keeping the visitor visually engaged as they scroll deeper into the page
Mobile & speed optimization
The modular card-grid layout is built to adapt cleanly across screen sizes. Cards reflow into single-column stacks on smaller viewports without losing their visual identity or breaking the community gallery effect.
- The scroll-triggered video header is designed to function as an immersive viewport experience, with the video sync behavior scaled appropriately for mobile scroll patterns
- The floating quiz button remains anchored and accessible on all screen sizes, ensuring the primary call-to-action is never out of reach regardless of device
- The card-grid structure uses a modular layout system that keeps load behavior predictable as new cards are added or media formats are swapped
How this template helps you convert
The conversion path in this template is built around removing friction and building trust before asking for anything. Every section earns the next click rather than demanding it.
- The scroll-triggered video header creates an immediate emotional connection by making the visitor feel the experience before reading a single benefit claim, which lowers bounce intent in the critical first seconds of a visit.
- The community gallery replaces traditional testimonial blocks with varied, specific student evidence, giving skeptical visitors multiple angles of social proof without any single format feeling staged or uniform.
- The interactive assessment converts the call-to-action from a generic sign-up into a personalized recommendation, meaning the visitor receives value before they commit, making the transition into a free introductory session feel like a natural next step rather than a sales funnel.
Other information about this template
This template is built specifically for the breathwork online course niche within the broader wellness and fitness category. It is suited to the wellness modalities subcategory and works equally well for solo instructors and small course businesses.
- The template style is a card grid with a modular structure, making it straightforward to add, remove, or rearrange student story cards as your community grows
- The lp direction is quiz and assessment, meaning the entire conversion architecture is centered on the interactive breathing pattern finder rather than a static opt-in form
- The header concept is scroll-triggered video, which requires a suitable short aerial or nature video clip to activate the intended atmospheric effect
- The creative direction is Community Gallery, so the template works best when populated with genuine, varied student contributions rather than stock imagery
- The color system and Adventure Terrain theme are designed as a cohesive unit; swapping individual colors without adjusting the full palette may reduce the intended visual harmony




Theme
Adventure Terrain
Creative direction
Community Gallery
Color system
Soft Mist
Style
Card Grid (Modular)
Direction
Quiz/Assessment
Page Sections
Scroll-triggered Video Header
Modular Community Gallery Cards
Interactive Breathing Assessment
Floating Pulsing Call to Action Button
Soft Mist Color System
Adventure Terrain Visual Theme
Related questions
What kind of video works best in the scroll-triggered header?
Do I need to provide all the student story cards from the start?
Can I adapt the five-question assessment for a different course focus?
Who is this template designed to attract?
Does the floating quiz button stay visible on mobile devices?