(Start here) Template guide
Make Sojourn yours in an afternoon
Everything on this site is built with Framer styles, components and the CMS, so most changes happen in one place and flow through every page. Delete this page before you publish.
01
Colors and type
Open Assets → Styles. Change Accent/Ember to recolor every button, number and highlight. Display, Heading 2 and Heading 3 use Boska; body text uses Switzer and labels use Geist Mono. Each text style already has tablet and phone sizes.
02
Journeys (CMS)
All trips live in CMS → Journeys. Each item has a cover, two gallery images, facts (country, duration, season, pace, price) and an itinerary. Turn on Featured to show a journey in the Home grid. The Home index, the Journeys page and each detail page update on their own.
03
The hover index
The Journey Row component powers the index on Home. Hover it on the canvas to see the image reveal. Change its thumbnail size or the ember title color in its Hover variant.
04
Buttons
Use the Button component everywhere. Set the Label and Link per instance and pick Primary or Secondary. The rolling label on hover is built into the component.
05
Navigation and footer
Both live in the Main layout template. Edit links once and they update on every page. The phone menu is the Phone and Phone Open variants of the Navigation component.
06
Enquiry form
Select the form on Plan a Journey and add your email under Form → Send to. The submit button already has Sending and Sent states.
07
SEO and images
Set your site title, description and social image in Site Settings. Replace the photographs from Unsplash with your own. Every journey cover has alt text in the CMS.