Calm is a hub-and-spoke anxiety patient education landing page built for clarity and trust. It walks newly diagnosed adults, caregivers, and therapists through clinical anxiety content in structured, layered sections. A sequential intake form at the end captures leads by building a personalized education plan. The design is unhurried, evidence-grounded, and built to make complex information feel survivable.
by Rocket studio
Loading preview…
Quick summary
Calm is a single-page anxiety education platform template structured around five anchor-navigated content spokes. Each section layers clinical information from a clear summary down to expandable neuroscience detail. The page closes with a three-question intake form that generates a personalized education plan and captures qualified leads by topic interest.
Who this template is for
This template is built for anyone who needs to deliver serious clinical education with warmth and structure. It fits platforms that serve people in genuine health distress and need to earn trust before asking for anything.
Newly diagnosed adults who want to understand their anxiety condition, not just manage it
Partners and caregivers searching for reliable, readable resources on generalized anxiety disorder
Therapists and clinical educators looking for patient-facing content they can point clients toward between sessions
What problem this template solves
Most health information pages overwhelm readers with dense text or undersell the clinical depth that anxious people actually need. Patients leave first psychiatry appointments with diagnoses but no map. This template gives them the map.
Replaces scattered, unstructured health content with a calm, progressive disclosure flow
Removes the gap between clinical accuracy and readable, patient-friendly language
Turns passive reading into qualified lead capture without disrupting the educational experience
What you get with this template
You get a fully structured, single-page education hub with five content spokes, a hero section, and a lead-generation form. Each component is designed to hold attention and guide readers from confusion toward clarity and action.
A centered hero headline with five anchor navigation pills for instant section access
Six content sections including a symptoms guide, neuroscience explainer, treatment overview, daily tools, and intake form
Layered disclosure panels, per-section PDF download links, and a three-question sequential form
Theme
Corporate Precision
Creative direction
Transparent Process
Color system
Forest Trust
Style
Hub & Spoke (Anchor Nav)
Direction
Lead Generation
Page Sections
Giant Headline Hero with Anchor Nav
Layered Disclosure Content Panels
Per-section PDF Email Gate
Sequential Three-question Intake Form
Clinical Credibility Markers
Forest Trust Visual Identity System
Related questions
Who is this template designed for?
Does the template include the actual clinical content?
How does the lead capture work?
Can I customize the anchor navigation labels and form questions?
Is this template suitable for mobile users?
Feature list
This template includes the following built-in capabilities, all grounded in the source brief.
Giant Headline Hero Section
The hero opens with a large, light-weight serif headline centered on a fog-white field. A single subline in bark brown sets the platform's tone. No imagery or illustration competes for attention. The whitespace itself signals unhurried authority.
Five-Pill Anchor Navigation
Five lichen-green navigation pills sit evenly below the hero: Symptoms, Science, Treatment, Daily Tools, and Your Plan. They allow readers to jump directly to any spoke and highlight the active section as the user scrolls, providing clear orientation throughout the page.
Layered Disclosure Content Panels
Each spoke section opens with a read-time estimate and a plain-language summary. An expandable "go deeper" panel reveals neuroscience or clinical detail on demand. This structure respects both the reader who wants a quick overview and the one who wants clinical depth.
Section PDF Download with Email Gate
Every spoke includes a subtle bark-brown link to download that section as a one-page PDF. Before delivery, the template prompts for an email address. This qualifies leads by interest area and captures intent signals without interrupting the main content flow.
Sequential Intake Form
The final spoke, "Your Plan," replaces content with a three-question intake form. Questions appear in sequence: anxiety type via dropdown, current treatment status via radio buttons, and email. The call-to-action button reads "Build My Education Plan" in lichen on evergreen.
Clinical Credibility Markers
Each section carries evidence-based positioning signals such as read-time estimates and structured clinical frameworks. Content is organized around cognitive behavioral therapy modules, panic disorder timelines, and medication comparison charts, reinforcing trust at every scroll point.
Delivers grounding, breathing, and reframing exercises
Your Plan Form
Captures leads via sequential intake questions
Minimal Footer
Provides social links and copyright only
Design & branding system
The visual identity uses a Forest Trust color system that communicates grounded authority without clinical sterility. Typography pairs a tall serif display face with a clean body font to balance warmth and precision.
Deep evergreen (#1B4332) leads navigation and section headers; weathered bark (#3D2B1F) anchors body text; morning fog (#E8E4E0) fills generous whitespace between content blocks
Lichen (#7EA172) marks interactive elements including anchor pills, active scroll indicators, the call-to-action button text, and PDF download links
Fraunces handles all display and headline typography; DM Sans handles body copy and form interface elements throughout
Mobile & speed optimization
The template is built desktop-first but carries strong mobile consideration, since many target users are reading on phones immediately after medical appointments. Progressive disclosure keeps initial page weight low by hiding expanded panels until the reader requests them.
Expandable "go deeper" panels load detail on demand, reducing the amount of content rendered at first scroll
Smooth anchor scroll and sequential form interactions are designed to work cleanly on touch screens
Subtle fade-in animations are kept at a low-to-medium intensity to avoid motion distraction on smaller screens
How this template helps you convert
The page uses two complementary conversion paths that feel native to the educational experience. Neither path feels like a sales interruption.
The "Your Plan" intake form at the end of the page asks three focused questions and closes with "Build My Education Plan," converting readers who have engaged with the full content journey into email leads.
The PDF download gate embedded in every content spoke captures email addresses earlier in the session and qualifies each lead by which topic they cared enough to download, giving you actionable interest data without a hard sell.
Other information about this template
This template is a strong fit for health education platforms, digital clinic room experiences, and patient advocacy organizations that need clinical credibility paired with emotional accessibility.
The template style is Hub and Spoke with anchor navigation, meaning all content lives on one page organized into clearly named, self-contained spokes
The creative direction is Transparent Process: each section names what the reader will learn and how long it takes before delivering layered content
The lead-generation direction is non-coercive; both the intake form and the PDF gate are positioned as helpful tools, not barriers
Template animations are set to low-to-medium intensity with subtle fade-ins, expandable panels, and smooth scroll to maintain a calm reading environment
