Start here
Welcome to the Lumo Dental template
A clinic website with 7 treatments, 6 specialists, 5 journal articles, a booking page and a style guide. This page explains how it is built and how to make it yours.
1. What is included
2. Replace the content
01
Open the CMS collections: Treatments, Specialists and Journal. Each item has a slug, image, text and (for treatments) steps and FAQ.
02
Update the practice data once: name, address, phone, email, opening hours. These repeat in the navigation, footer, hero bar and contact page.
03
Swap the images. Keep the ratios: 3:4 portrait for people and treatments, 3:2 for rooms and articles, 1:1 for details.
04
Replace the placeholder text on the privacy page with wording from your own legal adviser. It is not legal advice.
3. Change the look
Colours, radii, spacing and type sizes are styles and variables, not fixed values. Change the accent colour once and every button, link and marker follows. Text sizes are set per breakpoint: Desktop from 1200 px, Tablet 810 to 1199 px, Phone below 810 px.
4. Fonts and icons
Bricolage Grotesque for headlines, Figtree for text and JetBrains Mono for small details like numbers and times. All three are open-licence fonts. Icons are Phosphor in one weight, used in one family only.
5. Behaviour you should know
Assets > Components: Island Navigation and Footer. Both sit on every page as instances, so edit the component once and every page follows.
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.
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.