Aveline

Aveline is a calm, editorial website for medspas and aesthetic clinics. It is built around how clients choose a treatment: what it costs, how long it lasts, who performs it and what the results look like.

### What's inside

- 17 pages, including Home, Treatments, Find Your Treatment, Results, Team, Membership, About, Contact, Book and four legal pages

- 6 CMS collections: treatment categories, treatments, practitioners, before and after cases, concerns and testimonials

- CMS detail pages for every category, treatment and practitioner, with SEO titles and descriptions filled from fields

- Treatment finder that narrows the menu in two steps by area and concern

- Results gallery with a drag-to-compare before and after slider and category filters

- Membership page with three tiers and an FAQ

- Booking page with an embedded scheduler and phone and email options

### Design system

- Newsreader and Instrument Sans across 22 text styles

- 15 colour tokens checked for AA contrast, with one accent colour

- One spacing scale, a 2px radius and one motion curve used site-wide

- Reusable components: buttons, eyebrows, cards, treatment rows, FAQ items and animated stat counters

### Motion and detail

Text and card reveals on scroll, a wipe page transition, smooth scrolling, a progressive blur, a custom cursor and cursor labels on cards, such as "View treatment".

### Ready for Framer's AI agent

A Design System page and five skills teach the agent your rules. Type /rebrand to swap name, colours, fonts and contact details, /treatment-content to add a treatment, or /launch-check to audit SEO and layout before publishing.

### Built to launch

- One h1 per page and alt text on every image

- Clinic structured data (MedicalClinic schema)

- Tested at desktop, tablet and phone, down to 320px

### Ideal for

Medspas, aesthetic and cosmetic clinics, injectors, laser and skin clinics, and dermatology practices.