Presence - Calming Therapy Landing Page Template

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
• 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

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.

1. 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.
2. 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.
3. 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

Show more