Tarn Framer Template

About this template

Tarn is a calm, atmospheric website for wellness retreats, nature getaways and small travel brands. Mist over still water, soft serif type and a slow rhythm between night and paper give your retreat online the feel of the place itself: quiet, unhurried and a little wild.

Visitors watch the mist lift as they scroll, follow a day hour by hour behind a fogged window, pick a retreat by place and weather, and hold their place in a few taps.

What's inside

Home page with a misty hero that lifts as you scroll and parts under the cursor, a logbook that lights up word by word, six retreats from the CMS, a fogged window you wipe to follow the day, hosts, rooms, a quote and a booking form

Retreats page and a page for every retreat, fed by the CMS: place, dates, price, places left, rain days and temperature, the full write-up and other retreats to explore

404 page

Optional ambient sound, off until a visitor turns it on

Booking form with a submit button that shows sending, success and error states

Full-screen phone menu, and a navigation that turns light or dark with the section beneath it

Desktop, tablet and phone layouts

Text and color styles, so you can restyle the whole site quickly

Reusable components: navigation, button, submit button, and code components for the mist, the window, the lit text and the sound, all set up from the right panel

Good to know

Fonts: Spectral, free and available in Framer's font picker

The effects pause off screen and stay still for visitors who turn off animations

Sample images from Unsplash are for preview only: replace them with your own photos

Connect the booking form to your inbox in Framer's form settings

Questions or issues: contact@atypikal.ma