Presence is a calming therapy landing page template built for mental health practices. It uses a hub-and-spoke anchor navigation to guide visitors through service spokes like Individual, Couples, Teens, EMDR, and Group therapy. The Void and Violet color system, breathing animations, and frosted glass panels create a warm, unhurried atmosphere that makes taking the first step feel possible.
by Rocket studio
Loading preview…
Quick summary
Presence is a single-page therapy and counseling landing page template designed for the moment someone decides to reach out. It combines a Dark Glass Panels header, a hub-and-spoke anchor nav, and a Feature Matrix layout to turn passive visitors into active clients. Every visual and structural decision serves one purpose: making the unknown feel survivable.
Who this template is for
This template is built for therapy practices and mental health professionals who need a digital presence that earns trust before it asks for anything. It speaks directly to emotionally charged visitors and the practitioners who want to meet them with care.
Solo therapists and small group practices launching or refreshing their online presence
Mental health clinics offering multiple service formats such as individual, couples, teen, EMDR, and group sessions
Human resources professionals and employee assistance program coordinators sourcing referral resources for team members in need
What problem this template solves
Most therapy websites feel clinical or generic at the exact moment a visitor needs warmth. A person searching for help at 2 AM does not need a wall of credentials. They need a page that feels safe enough to stay on for another thirty seconds.
Visitors arrive mid-crisis and leave immediately when the page feels cold or confusing
Practices lose potential clients because their site lists services without helping visitors identify which one applies to them
The gap between "I need help" and "I booked a session" is filled with friction, fear, and unclear next steps
What you get with this template
You get a fully structured, single-page landing page with every section designed and ready to customize. The template brings together motion design, a clear service architecture, and a focused call to action so your practice can go live with confidence.
A hub-and-spoke anchor navigation with five pre-built service spokes: Individual, Couples, Teens, EMDR, and Group
A Dark Glass Panels header with breathing scale animation and abstract parallax silhouettes
Theme
Dynamic Motion
Creative direction
Feature Matrix
Color system
Void & Violet
Style
Hub & Spoke (Anchor Nav)
Direction
Click-Through
Page Sections
Breathing Scale Header Animation
Dark Glass Panels with Parallax Silhouettes
Hub and Spoke Anchor Navigation
Feature Matrix Service Cards
Violet Gradient Section Transitions
Single Repeating Call to Action
Related questions
Does this template include a contact or booking form?
How many service sections come with this template?
Can I use this template if my practice only offers one or two services?
What does hub-and-spoke anchor navigation mean for a single-page layout?
Is this template suitable for a solo therapist as well as a group practice?
A single repeating call-to-action button, "Take the First Step," placed strategically throughout the page
Feature list
This template is built around a set of deliberate design and structural features. Each one is drawn directly from the Presence brief and serves a specific role in the visitor experience.
Breathing Header Animation
The header uses a slow rhythmic scale animation timed to mimic an inhale and exhale. The cycle runs three seconds in and four seconds out, giving the page a living, calming quality from the first moment a visitor arrives.
Dark Glass Panels with Parallax
Three frosted glass rectangles float against the void black background, each angled slightly like fanned cards. Abstract human silhouettes shift behind the glass as the cursor moves, creating a subtle parallax effect that suggests presence without showing faces.
Hub and Spoke Anchor Navigation
A fixed left-side navigation on desktop and a bottom-sheet drawer on mobile lists each service spoke by name. Clicking any spoke scrolls directly to its section, letting visitors self-navigate to the service most relevant to their situation.
Feature Matrix Service Cards
Each service spoke reveals a matrix of glass-panel cards comparing session formats, modalities, and what-to-expect details. Cards slide into frame with eased, decelerating motion so nothing feels abrupt or clinical.
Violet Gradient Section Transitions
Scrolling between spokes triggers violet gradient washes that shift the page's emotional temperature. Each section feels slightly warmer than the previous one, building a sense of progress and arrival rather than a list of options.
Single Focused Call to Action
The "Take the First Step" button appears after every second spoke and once in the header as a floating element. It glows softly in violet and links to the practice's external booking or intake page, keeping the landing page free of embedded forms.
Page sections overview
Section
Purpose
Dark Glass Header
Sets emotional tone and presents the lead headline
Anchor Nav Bar
Lets visitors jump to their relevant service spoke
Individual Therapy Spoke
Details one-on-one session formats and modalities
Couples Therapy Spoke
Outlines couples session structure and expectations
Teen Therapy Spoke
Addresses adolescent-specific formats and approach
EMDR Therapy Spoke
Explains the EMDR modality and what to expect
Group Therapy Spoke
Covers group session formats and participation details
Mid-Page call to action Block
Reinforces the "Take the First Step" action point
Final call to action Section
Closes the page with a warm, clear conversion prompt
Design & branding system
The Void and Violet color system is the emotional backbone of this template. Every color choice is intentional: the palette evokes the sky fifteen minutes after sunset, that liminal moment when darkness feels like permission rather than threat.
Deep void black (#0B0A10) dominates backgrounds; bruised violet (#6C3FA0) pulses through hover states and active nav indicators
Soft lilac mist (#C8B6E2) washes section transitions between spokes; luminous pearl (#F0ECF5) holds body text in gentle, readable contrast
The Dynamic Motion theme governs all animation: elements decelerate like a settling breath, nothing snaps, and every transition feels earned
Mobile & speed optimization
The template is designed to work across screen sizes without losing its atmospheric quality. The layout adapts meaningfully rather than simply stacking, so the emotional experience holds on smaller screens.
The anchor navigation shifts from a fixed left panel on desktop to a bottom-sheet drawer on mobile, keeping one-tap access to every service spoke
Glass panel cards and gradient transitions are preserved on mobile so the calming visual language remains intact across devices
How this template helps you convert
Presence is a click-through landing page, meaning its only conversion goal is earning one tap on the "Take the First Step" button. Every structural and visual decision builds toward that moment through progressive emotional permission.
The Feature Matrix reduces the fear of the unknown by showing visitors that their specific situation has a name, a session format, and a therapist ready for it, turning vague dread into a structured next step.
The single repeating call to action removes decision fatigue. There is no form to fill, no menu of options to weigh. There is one button, placed where it matters most.
The gradient temperature shift across spokes builds a subtle emotional arc. By the time a visitor reaches the final section, the page feels like arrival, and clicking the button feels like a natural exhale.
Other information about this template
Presence is built as a hub-and-spoke anchor navigation landing page, meaning all content lives on a single scrollable page organized around anchor-linked service sections. There are no separate pages to manage.
The template is designed as a therapy and counseling digital presence within the broader technology template category
It is suitable for practices offering a range of therapeutic modalities including Eye Movement Desensitization and Reprocessing (EMDR), individual therapy, couples counseling, adolescent therapy, and group sessions
The click-through direction means the template intentionally avoids embedded intake forms; the booking or intake experience lives on an external page linked from the call-to-action button
Customization involves replacing placeholder headlines, service details, and the call-to-action link with your practice's specific information
