Edit me
Plain Framer layers, two CMS collections and a handful of styles. No code anywhere.
1
Change the words
Double-click any text and type. Most text uses text styles (Hero, Heading, Title, Body and so on), so new words keep the look.
Headings with a green word are one line of text with two colours. Select the green word to change it, or delete it.
2
Swap the photos
Select a photo layer (for example Image inside Hero photo) and pick a new image in Fill. Use the fill position to keep faces in frame at every screen size.
Bright, natural photos with white and soft green tones suit the palette best.
3
Treatments
CMS › Treatments. One item per treatment: Title, Summary, Price, Duration, Image (4:3), three Points and a Description. Order sets the order everywhere.
Every treatment gets its own page automatically, linked from the cards.
4
Team
CMS › Team: Name, Role, Image (4:5), Bio and Order. Add or remove people and every team grid updates.
5
Opening hours and contact
Hours, phone and address appear in the hero card, the Opening hours card, the Contact page and the Footer. Edit the main components once (Navigation, Footer) and the rest on the pages.
6
Forms
The booking and contact forms send to Framer form submissions. Select a form to send them to email, Google Sheets or a webhook.
The Submit Button has five states: Default, Pending, Success, Error and Incomplete. Its label is a control, so each form can say something different.
7
Colours and fonts
Colours are colour styles: Mint, Deep, Accent, Tint, Ink, Soft and more. Change Mint once and every button and highlight follows.
Type is Figtree from Google Fonts.
8
Before you publish
Replace the address, phone and email, adapt the Legal page and set your site title, description and social image in Site Settings. The phone number in the demo is a placeholder.