Disability & Inclusion Nonprofit Professional Website Template

Quick summary

Haven is a single-page, click-through landing page template for independent living rehabilitation centers. It opens with a 90-percent-viewport team photo, moves through a living gallery of resident recovery stories, and closes with a persistent call-to-action bar. Every section is designed to build emotional trust and clinical credibility before asking for one action: click through to the admissions inquiry page.

Who this template is for

This template is built for rehabilitation centers and independent living programs that serve adults recovering from spinal injuries, strokes, or chronic conditions. It speaks equally to the clinical referral side and the family decision-making side of the admissions process.

• Hospital discharge planners and workers' compensation case managers who need measurable functional outcomes before making a referral
• Adult children researching care options for a parent who wants to stay independent
• Independent living center directors or marketing teams ready to replace a generic facility page with something that earns trust through real stories

What problem this template solves

Most rehabilitation facility pages lead with credentials and floor plans. They answer the clinical checklist but miss the emotional question every family is actually asking: will my person get their life back? Haven solves both problems on a single page.

• Discharge planners get outcome stats and therapy process detail without hunting through a site
• Adult children see real resident narratives with functional milestones, making the decision feel less like a leap and more like a logical next step
• The click-through structure keeps the page focused, sending qualified visitors to the admissions form only after the gallery has done its persuasive work

What you get with this template

Haven delivers a fully structured, hero-dominant landing page with six distinct content zones. Each zone has a specific role in moving the visitor from first impression to inquiry intent.

• A cinematic hero section with a 90-percent-viewport team photo, headline overlay, floating stat card, and an amber call-to-action anchor button
• A community gallery of six expandable resident story tiles, three inline clinical stat callouts, and a three-modality therapy process section in an asymmetric bento layout
• A sticky call-to-action bar that fades in after the second gallery row, plus a linear single-row footer on an evergreen background

Feature list

Haven combines editorial warmth with clinical credibility through purpose-built sections and interactions.

Cinematic Hero Section

The hero fills ninety percent of the viewport with a team photo set in the center's living skills kitchen. A headline fades in over the lower third, and an amber call-to-action button anchors the bottom of the frame. A floating stat card adds an immediate proof point before the visitor scrolls.

Expandable Resident Story Gallery

Six square photo tiles each carry a single resident quote. Clicking any tile expands it into a full narrative showing functional milestones, therapy modalities used, and length of stay. The gallery acts as evidence, not decoration, letting each story stand in for the visitor's own loved one.

Inline Clinical Stat Callouts

Three stat cards appear between gallery rows, surfacing metrics such as average days to independent meal preparation, discharge-to-home percentage, and family satisfaction score. They sustain clinical credibility without breaking the emotional rhythm of the scrolling experience.

Therapy Process Bento Layout

Three therapy modalities are presented in an asymmetric bento grid. This section gives referral professionals a clear picture of the program structure while keeping the visual language warm and editorial rather than institutional.

Persistent Sticky Call-to-Action Bar

After the visitor scrolls past the second gallery row, a sticky bar fades in carrying the primary call to action. It stays visible without interrupting reading, keeping the path to the admissions inquiry page accessible at every scroll depth.

Forest Trust Color System

The palette pairs deep evergreen for structural elements, soft fern for section backgrounds and hover states, warm birch as the primary surface, and quiet amber reserved exclusively for calls to action and progress indicators. Color does functional work: amber appears only where the page asks the visitor to act.

Page sections overview

Design & branding system

Haven's visual identity is built on the Forest Trust color system, which draws its mood from a rehabilitation garden at golden hour. Typography pairs Fraunces serif headlines with Manrope sans-serif body text, giving the page a warm editorial feel that reads clearly at every size.

• Evergreen (#2D4A3E) anchors the header and footer; birch (#F4EDE4) is the primary surface; fern (#8FB996) fills section backgrounds and hover states; amber (#D4A96A) is reserved for calls to action and progress indicators only
• Photography direction is candid and natural, showing staff in the living skills kitchen with window light rather than clinical uniforms in sterile corridors
• Organic shapes and warm editorial styling reinforce the healing space theme throughout every section

Mobile & speed optimization

Haven is designed desktop-first to serve discharge planners on workstations, with strong mobile support built in for adult children researching options on their phones. The interaction model scales cleanly across screen sizes.

• Scroll-reveal animations with stagger keep the gallery feeling alive on desktop without overwhelming smaller screens
• Gallery tile expand and collapse interactions, the sticky bar fade-in, and smooth scroll are handled as client-side components while static content uses server-side rendering for faster initial load
• The hero's 90-percent-viewport composition and the bento layout both reflow gracefully for mobile viewports without losing visual hierarchy

How this template helps you convert

Haven is structured as a click-through landing page, meaning it has one job: earn enough trust that the visitor chooses to move to the admissions inquiry page. Every design and content decision supports that single action.

1. The hero creates an immediate emotional and visual impression, with the amber call-to-action button visible before the visitor scrolls a single pixel
2. The community gallery builds cumulative proof through ten expandable resident stories, so by the time the visitor reaches the sticky bar, the decision already feels like a conversation in progress rather than a cold commitment
3. Stat callouts and the therapy process section answer the clinical questions that discharge planners and case managers need resolved before they can make a confident referral

Other information about this template

Haven is built with localization settings for English, United States dollar currency, MM/DD/YYYY date format, and United States regional conventions. It is categorized under Community and Nonprofit, within the Disability and Inclusion Nonprofit subcategory, serving the independent living center niche.

• Animation intensity is set to medium, using scroll-reveal with stagger, so the page feels alive without being distracting for visitors in a focused research mindset
• The template style is Hero-Dominant at a 90/10 ratio, meaning the hero section commands the first experience and the remaining content sections support rather than compete with it
• No form appears on this page; the click-through structure intentionally keeps friction low and delegates the intake process to the dedicated admissions inquiry page

Show more