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.

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

SectionPurpose
Video HeaderScroll-synced aerial intro with emerging headline
Headline OverlaySingle-line message fading from animated mist
Community GalleryModular student story cards in tiled grid layout
Floating Quiz ButtonPersistent pulsing call-to-action at every scroll depth
Interactive AssessmentFive-question quiz delivering personalized protocol
Protocol ResultsNamed breath-type recommendation with session entry
Free Session FunnelConverts 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.

  1. 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.
  2. 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.
  3. 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
Breathe - Transformative Breathwork Landing Page Template
Breathe - Transformative Breathwork Landing Page Template
Breathe - Transformative Breathwork Landing Page Template
Breathe - Transformative Breathwork Landing Page Template

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?