Halcyon — Premium Psychology & Mental Health Web Template
Key Features
Nervous System Regulation: Built on a color palette of Alabaster, Deep Slate, Sage, and Clay. The contrast is deliberately softened to reduce eye strain and anxiety.
Cinematic Parallax & Scroll: Powered by GSAP and Lenis Smooth Scroll, the site features gorgeous parallax images, subtle text-reveals, and sections that fluidly morph from light to dark as the user scrolls.
Frosted Glassmorphism UI: Contact forms and booking steps are housed inside elegant translucent glass cards (`backdrop-filter`), creating a modern, premium depth effect.
Editorial Typography: A perfect pairing of the elegant serif Fraunces (for approachable authority) and the clean sans-serif Manrope (for pristine readability).
Interactive "Care Coordinator" Chat Widget: A beautifully animated bottom-corner chat widget that opens into a frosted glass panel, ready to intercept patient hesitations.
Immersive Full-Screen Menu: A beautifully animated overlay navigation that completely takes over the screen with cascading text links.
Cinematic Parallax & Scroll: Powered by GSAP and Lenis Smooth Scroll, the site features gorgeous parallax images, subtle text-reveals, and sections that fluidly morph from light to dark as the user scrolls.
Frosted Glassmorphism UI: Contact forms and booking steps are housed inside elegant translucent glass cards (`backdrop-filter`), creating a modern, premium depth effect.
Editorial Typography: A perfect pairing of the elegant serif Fraunces (for approachable authority) and the clean sans-serif Manrope (for pristine readability).
Interactive "Care Coordinator" Chat Widget: A beautifully animated bottom-corner chat widget that opens into a frosted glass panel, ready to intercept patient hesitations.
Immersive Full-Screen Menu: A beautifully animated overlay navigation that completely takes over the screen with cascading text links.
Description
Halcyon is a sophisticated, deeply empathetic, and highly converting HTML/Tailwind web template designed specifically for modern therapy clinics, psychology practices, and independent counselors.
Moving away from the cold, clinical, and sterile feel of traditional medical websites, Halcyon uses editorial typography, gentle scroll interactions, frosted-glass UI elements, and a calming color palette to regulate the user's nervous system from the very first click. It is designed to be "human-first," making the intimidating process of finding a therapist feel safe, seamless, and deeply professional.
Related Tools
Beta Tool
Made with Bullet