Template guide
START HERE
Solenne is a calm template for boutique clinics, skin studios and wellness practices. This page tells you what is inside and how to make it yours.
1. Replace the brand
Change the name, colours and fonts in the style tokens. Every colour, radius, spacing and type size lives as a style, so one edit changes the whole site.
2. Edit the content
Treatments, team, pricing, FAQ, testimonials, principles and journal articles are CMS collections with the same fields. Edit them in the CMS panel, the lists on the pages update automatically.
3. Swap the images
Images use fixed ratios: 4:5 portrait, 3:2 landscape and 1:1 square. Keep the ratio and the arch masks continue to work. The wide images use 21:9 and 4:3 crops.
4. Pages in this template
11 sections
Founder, quote, team, CTA, FAQ
Treatments, pricing, FAQ
List with category filter
Rich text and Read Next
Form, map block, info card
Long form with honeypot field
Terms, Privacy, Cookie
Not found
All tokens and components
5. Breakpoints
Desktop XL from 1600, Desktop 1200 to 1599, Tablet 810 to 1199, Phone up to 809. Type sizes are fixed per breakpoint through the text styles.
6. Editing with the Framer Agent
Navigation and footer are components (Assets > Components: Site Nav, Footer) placed once in the layout template Main Layout. The loader is the code component Loader inside the same template. Buttons, tags, headline blocks and form fields are components with variants.
7. Placeholders to replace
Social icons in the footer and the mobile menu link to the home page until you add your own profile URLs. The map on Contact is a placeholder image: embed your own map. The contact details, address and legal texts are demo content. The footer credit line (Made with love by @CreativeDima) can be edited in the Footer component.
Ready to launch?
Keep building directly in this remixed project.
You can replace the demo content, connect your CMS, update styles and components, and continue extending the template with Framer Agent, Claude, Codex, or your preferred tools.
When you’re ready to publish with your own domain or paid Framer features, upgrade this project rather than creating a separate copy.
Only duplicate the project if you genuinely need an additional version, experiment, or backup.
Need help?
If something in the original template seems broken or you are unsure how a section is intended to work, contact me before rebuilding it from scratch.
X:
I actively fix genuine template bugs and continue improving these templates over time.
Quick launch checklist
Before publishing:
• Replace all demo copy and imagery
• Update links and CTA destinations
• Replace CMS demo content where applicable
• Update site title and SEO description
• Replace favicon and Open Graph image
• Connect your custom domain if needed
• Check desktop, tablet, and mobile layouts
• Test navigation and important buttons
• Remove any sections you do not need
• Keep working in this remixed project when upgrading your Framer plan
Support and license
This template is free to use and customize for personal, commercial, and client projects.
Change anything you want. Use Framer Agent, Claude, Codex, or any other tools to make it your own.
Please don’t resell, redistribute, repackage, or publish this template or its sections and components as a standalone product or competing template.
Credit is appreciated, but not required.
If you find a genuine template bug, reach out to @CreativeDima and I’ll take a look.