Alder

Alder is a dental and cosmetic studio template built around one idea: fluted glass that clears. The hero photo sits behind reeded glass and a clear band follows the cursor. Treatment panels and dentist portraits clear on hover, each page opens through a pane of glass, and the before and after slider is dragged by a strip of the same glass. The copy carries the same promise: patients see every step and every price before they commit.

It is a complete 13-page site: Home, Treatments, a page for each treatment, Results, a page for each case, Fees, About, a profile for each dentist, Journal, articles, Contact, legal pages and a 404. Seven CMS collections drive the content, so treatments, team, cases, articles, reviews, questions and legal pages are edited in one place.

Alder ships with a light and a dark theme, both set from one panel of colour styles, and a toggle in the navigation so visitors can switch. Interactive parts are built in: a fee estimator that shows a patient's share after insurance, a day and time picker inside the request form, a live opening-hours badge, and count-up figures.

Everything is responsive across desktop, tablet and phone, set in one typeface with reusable components and a shared layout for the navigation and footer. The project also includes four skills for the Framer Agent, so it can add a treatment, build a new page or rebrand the site without breaking the system.