Everything on Aurelle is driven by the CMS and variables, so most edits never need the Designer canvas.
Treatment Categories group Treatments (Injectables, Skin, Laser). Each Treatment has its own page with prices, facts, suitability, aftercare and up to three pricing packages. Treatment Steps hold the How it works steps, the Recovery timeline and the FAQ for every treatment — pick the Type and the Treatment on each item. Concerns are the “Good for” cards. Results are before/after cases linked to a treatment and category. Journal Posts and Journal Categories power the blog.
1. Add the Treatment and choose its Category. 2. Add it to the category’s Treatments field so it shows on /treatments. 3. Add Treatment Steps with Type How it works, Recovery and FAQ. 4. Optionally pick a Featured result and Related treatments. Every field has help text explaining where it appears.
All colours, font sizes, spacing and radii are Variables (Colors, Typography, Spacings). Edit a variable and every page updates. Section spacing uses the Layout variables, which have tablet and mobile modes, so the site stays balanced on every screen.
Animations are built with Webflow Interactions (GSAP). The before/after slider works on any element using the Compare classes. The About page has a scroll-scrubbed manifesto, a hover stat index and team card hovers — find them in the Interactions panel and adjust timing there.
Navbar, Footer, CTA and Button are components. Edit one and it updates on every page. The Button has Primary, Secondary and Light variants.