Trusted by teams at
SafeHaven is a design portfolio and agency template for bold branding, web design and strategy. Built for studios that value craft and impact.
SafeHaven — Webflow HTML Website Template
SafeHaven is a premium, animation-first Webflow template built for design studios, creative agencies, and digital-first brands that refuse to blend in. Powered by GSAP and Lenis smooth scroll, every interaction feels intentional — from the cinematic page loader to the custom cursor that reacts to your mouse position on the hero slider.
6 Unique Pages. Zero Filler.
Each page has its own distinct layout and personality: a full-screen CMS-powered homepage slider (up to 5 projects), a dual-view projects listing with grid and list modes, a rich About page with pinned horizontal service panels and looping background videos, a clean Pricing page, a Contact page, and a dedicated Project Single template for in-depth case studies.
CMS-Powered from Day One
All projects and partner logos are CMS-based, so adding or updating content is simple and fast. The homepage slider and animated dual-row partner marquee both pull directly from your collections — no code required.
Figma File Included
The Figma source file is included. Simply request it through the website and it'll be on its way.
Whether you're a solo designer or a full creative studio, SafeHaven gives you a web presence that matches the quality of your work — bold, polished, and built to be remembered.
What's Included
Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.
This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state.
Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.
For advanced design guidance, please share your questions in the Webflow Forum or reach out to a Webflow Partner.
Share your feedback by leaving a comment below.
For template support, please check the Support tab.
Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.
It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.
With a Core plan (or higher), you can export sites you build in Webflow, including templates, to host them anywhere you'd like.
Webflow templates are only available for purchase through Workspaces and legacy individual accounts.
CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.
Use the View Connections tool to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check Components and the Collection page Templates.
Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan.
Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.
.svg){kind=small}
Bring life and motion to your design with background videos
Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.
Reusable elements you can use across your site. Edit a component and all copies update instantly.
Customize the built-in database for your project or just add new content.
Custom design for the 404 page of your website
Build your lead lists and subscriber base with beautiful forms.
Comes with GSAP animations and interactions for additional polish and usability.
Comes with animations and interactions for additional polish and usability.
Showcase high-res photos and videos on a black backdrop.
Displays perfectly on desktops, tablets, and phones.
Site navigation automatically collapses into a mobile-friendly menu on smaller devices.
All graphics are optimized for devices with high DPI screens.
Uses fonts from Google's Web Font collection.
