Healthcare & Hospital Design Directory Website Template

Quick summary

Rehab is a single-page landing page template designed for architecture firms that specialize in rehabilitation and behavioral health facilities. It pairs a scrapbook-style hero with a breathing masonry portfolio grid to show completed work at scale. A minimal three-field lead form and a whitepaper download path capture both active-project leads and earlier-stage decision-makers.

Who this template is for

This template is built for a very specific professional audience. It speaks to firms whose clients are executives and clinical leaders making multimillion-dollar capital decisions about healing environments.

• Architecture firms focused on rehabilitation center design, detox facilities, or behavioral health wings
• Design studios pitching hospital system CEOs, clinical directors, or private equity groups evaluating treatment campus conversions
• Firms that need a portfolio-forward landing page to earn trust before any conversation begins

What problem this template solves

High-value architecture clients do not respond to generic firm portfolios. They need evidence of specialized expertise before they agree to a first conversation. Most architecture landing pages present credentials; this one presents completed environments.

• Decision-makers at this level need to feel a firm's philosophy before reading about it
• A standard portfolio page cannot convey the sensory and clinical precision that rehabilitation facility design demands
• Without a structured lead path, even engaged visitors leave without giving the firm a way to follow up

What you get with this template

The template delivers a complete single-page flow built around immersive portfolio presentation and qualified lead capture. Every section serves a deliberate purpose in moving a skeptical, senior-level visitor toward a conversation.

• A collage-style hero section with a typewriter headline animation that assembles letter by letter after a two-second pause
• A masonry portfolio grid where tiles shift scale during scroll, alternating between large environmental photographs and intimate process sketches
• A three-field sequential lead capture form asking for facility type, approximate square footage, and email, alongside a secondary whitepaper download call to action

Feature list

This template includes the following built-in capabilities drawn directly from its design and interaction brief.

Collage Hero with Typewriter Headline

The header layers overlapping project fragments across the full viewport: a hydrotherapy pool detail, a courtyard garden plan, a white oak material swatch, and a brass handrail close-up. After a two-second hold, a single serif headline assembles itself letter by letter, creating a reveal that earns attention without forcing it.

Breathing Masonry Portfolio Grid

The portfolio section uses a masonry tile layout that shifts scale as the visitor scrolls. Smaller process sketches nest between large environmental photographs. Tiles expand on hover, and scroll-linked animations pull the visitor progressively deeper through completed rehabilitation facility environments.

Scroll-Reveal and Parallax Animations

Parallax layering and IntersectionObserver-driven scroll reveals are built into the page structure. Images animate into view as sections enter the viewport. The effect reinforces the immersive, monograph-like quality of the overall experience.

Sequential Three-Field Lead Form

The lead capture section presents fields one at a time: a dropdown for facility type (residential treatment, outpatient clinic, detox center, sober living, or behavioral health wing), an open field for approximate square footage, and an email field. The sequence reduces friction and filters for qualified project leads.

Secondary Whitepaper Download Path

A second call to action invites visitors who are not yet in an active project to download a healing environments whitepaper. This secondary path captures earlier-stage leads without applying conversion pressure that could push them away.

Authority and Social Proof Section

A dedicated section presents completed facility statistics and a named client testimonial. This block gives hospital executives and clinical directors the third-party evidence they need to trust a firm's specialized rehabilitation design credentials.

Page sections overview

Design & branding system

The visual identity follows a Luxe Minimal approach built on an Ink and Paper color palette. Every design decision reads as deliberate restraint, more like a hand-bound architectural monograph than a promotional website.

• Colors: unbleached cotton (#F5F0EB) as the dominant background, archival black (#1A1A1A) for typography and structural frames, graphite wash (#4A4A4A) for secondary text and dividers, and dried rose (#C4A08A) reserved exclusively for interactive elements and hover states
• Typography: Cormorant Garamond serif for headings, DM Sans for body text, creating a pairing that feels both editorial and clinical
• Visual tone: overlapping physical fragments, white oak and brass material references, and an asymmetric layout rhythm that feels like a curated studio desk rather than a digital grid

Mobile & speed optimization

The template is built desktop-first, which matches the primary audience of hospital executives and design review teams who assess vendors on large screens. Mobile fallback behavior is included for broader reach.

• Scroll-reveal animations use IntersectionObserver so they fire only when sections enter the viewport, keeping the page responsive during scroll
• All animations rely on CSS transforms only, avoiding layout-triggering properties that would cause visual instability on any device
• The masonry grid reflows for smaller viewports so portfolio imagery remains legible on mobile without breaking the overall composition

How this template helps you convert

The page is structured as a trust-building journey. By the time a visitor reaches the form, they have already experienced six completed facilities through the portfolio grid. Conversion happens after belief, not before.

1. The immersive hero and masonry grid establish sensory credibility before any written claim is made, giving senior decision-makers a reason to stay and keep scrolling
2. The authority section reinforces that belief with concrete completed-project statistics and a named testimonial, addressing the proof-of-scale requirement that hospital CEOs and clinical directors bring to vendor evaluation
3. The sequential lead form reduces friction by asking only three targeted questions, while the whitepaper download creates a second path for leads who need more time before committing to a direct conversation

Other information about this template

This template suits firms that operate at the intersection of healthcare planning and high-end design. It is not a general architecture portfolio. It is purpose-built for the behavioral health niche.

• The template is categorized under Architecture and Design, with a specific focus on Healthcare and Hospital Design for rehabilitation center projects
• The Collage and Scrapbook header concept and Immersive Visual creative direction are baked into the template structure, not optional add-ons
• The Ink and Paper color system and Luxe Minimal theme make the template visually distinct from standard clinical or corporate architecture pages

Show more