COPD Care Specialist Professional Website Template

Quick summary

Breathe is a single-page template designed for a weekly peer support group serving people living with chronic obstructive pulmonary disease (COPD). The layout uses a 50/50 split-screen structure that guides visitors through a compassionate readiness checklist, building toward a free resource download. Every design choice prioritizes clarity, warmth, and gentle forward motion.

Who this template is for

This template is built for organizers, patient advocates, and community health leaders who run peer support groups for people managing COPD. It is equally useful for caregivers and spouses who want a resource they can share with the people they support.

• COPD patients at any stage of diagnosis, from newly diagnosed to decades in
• Caregivers, spouses, and family members supporting a loved one with COPD
• Community health organizers and peer-support group facilitators

What problem this template solves

People living with COPD often leave clinical appointments without the practical, day-to-day knowledge they actually need. Peer groups fill that gap, but they struggle to present themselves online in a way that feels both medically credible and emotionally safe. This template solves that tension directly.

• Visitors arrive without knowing what they are missing; the checklist scroll reveals those gaps gently
• Most health pages feel either cold and clinical or vague and untrustworthy; this design threads that needle
• Converting a first-time visitor into a group member requires trust-building before any ask; the page earns that trust section by section

What you get with this template

The template delivers a fully structured, single-page layout ready to present the Breathe peer support community. Every section is purpose-built, from the hero typography to the secondary zip-code lookup at the bottom of the page.

• A hero section with stacked display typography and a fading statistic panel
• Three checklist pairs that each pose a plain-language question and offer a closing resource
• A primary lead-capture form, peer testimonials, a local group finder, and a styled footer

Feature list

Split-Screen Hero with Stacked Typography

The hero divides the viewport into two equal halves. The left side displays the word BREATHE set in large, airy sans-serif letterforms stacked vertically with generous whitespace between each letter. A teal-to-seafoam gradient lightens as it rises, giving the type a sense of filling with air. The right side holds a single statistic that fades in with quiet authority.

Checklist and Audit Scroll Experience

Three sequential checklist pairs drive the scroll. Each pair presents a plain-language self-assessment question on one side and a matching resource or guidance panel on the other. Checklist toggles and accordion interactions let visitors engage at their own pace without feeling overwhelmed.

Primary Lead Capture Form

After the third checklist pair, a focused lead form asks for a first name and an email address. An optional checkbox invites visitors to receive the weekly peer-support digest. The form appears only after enough knowledge gaps have surfaced to make the free breathing action plan feel genuinely useful.

Community Voices Testimonials

A peer testimonials section features real-role attribution such as retired welder, grandmother, and spouse or caregiver. The voices are displayed with warmth and specificity, reinforcing trust through lived experience rather than generic endorsements.

Local Group Finder

A secondary call-to-action at the bottom of the page offers a zip-code input field so visitors can find a nearby in-person COPD support group. This path serves visitors who are not yet ready to download the resource but are open to connecting locally.

Scroll-Triggered Reveal Animations

The template includes medium-weight scroll animations: text reveals, fade-ins on scroll, and staggered entrance effects. These are implemented using client-side components, while static content sections use server-side rendering for reliable initial load behavior.

Page sections overview

Design & branding system

The visual identity follows a Soft Gradient theme built around the Teal Catalyst color system. The palette feels like a hospital room where someone replaced the fluorescents with morning light: clinical enough to trust, gentle enough to stay.

• Deep respiratory teal (#1A7A6D) carries the primary brand presence across type and structure
• Oxygen-calm seafoam (#A8DCD1) softens gradients and secondary surfaces; warm inhale cream (#FDF6EC) forms the page background
• Pulse-point coral (#E07A5F) is reserved exclusively for call-to-action buttons and critical checklist markers

Mobile & speed optimization

The template is designed desktop-first, with the split-screen layout collapsing to a stacked single-column view on smaller screens. This ensures the checklist experience remains readable and usable on any device without losing its structural logic.

• Split-screen panels stack vertically on mobile so no content is hidden or truncated
• Server Components handle all static sections; Client Components manage animations and interactive elements like checklist toggles and form submissions

How this template helps you convert

The page is structured as a content and resource hub, not a hard sell. Conversion happens because the visitor discovers something they need before they are ever asked for anything.

1. The three checklist pairs surface real knowledge gaps one at a time, building gentle urgency by the time the download form appears
2. The primary call-to-action, "Download Your Breathing Action Plan," arrives only after three gaps have been revealed, making the ask feel earned rather than premature
3. A secondary path at the bottom of the page, the local group finder with a zip-code field, captures visitors who are not ready to download but are open to nearby community connection

Other information about this template

This template is categorized under Health and Medical, specifically within the COPD Care subcategory and COPD Support Group niche. It is built for an English-language, United States audience with no currency or pricing elements. Typography uses Manrope for display and hero letterforms and DM Sans for body text. The footer follows a horizontal flow pattern. The page is localized for a US audience and requires no translation configuration out of the box.

• Intersection match score of 13 confirms strong alignment between the template style, creative direction, and niche intent
• The Checklist and Audit creative direction and Content/Resource landing-page direction are both built into the scroll architecture from the first section to the last
• The Stacked Type Tower header concept is the visual anchor of the entire page and requires no supporting imagery to establish presence

Show more