Tarn

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