Éclat Aesthetics

Item: Éclat Aesthetics
Rating: 6.8

Framer template for aesthetics clinics and med-spas.

A Framer Marketplace template by Isa Lute. Its words and photos are demo content.

Live preview Get this template Save page

6.8/10MABTU rating

DESKTOP · 1440 × 6,705/ ↗

MOBILE · 390

Section outline · Home

01heroTreatment photo, category pills, two booking buttons
02statsFour counters: years, clients, treatments, satisfaction
03introCentred serif statement with small chip eyebrow
04featureSeasonal highlight card with tick list beside two info cards
05servicesRuled rows: thumbnail, treatment, description, explore link
06processThree numbered steps with short descriptions
07testimonialsThree star-rated quotes with names and treatments
08eventEvent photo with two-row accordion and RSVP
09faqFour-row accordion in cream
10footerPages, utility, contact and opening-hours columns

Rating · Home

Visual design7.4

UX & clarity7.2

Originality6.8

Craft & consistency7.3

Motion6.0

Performance & a11y8.0

This page scores 7.2; the site score weights the home page double.

Main colours

Light·white background·mono

Typography

Source Serif 4heading · serif · google Figtreebody · sans · google

Stack & style

Framer React Google Fonts

Minimal Editorial Luxury Photography-led Rounded / soft Booking widget FAQ accordion Process steps Stats band Sticky header Testimonial slider

Design DNA

Template: warm greige #EDE9E2 and cream with a serif that alternates roman and italic inside every heading ('What we offer.', 'The perfect balance between clinical expertise and refined beauty'). Treatment categories appear as outline pills in the hero; the service list is ruled rows of small square thumbnail, name, one-line description and an explore link, with a sticky label column on the left. A stat band, a three-step journey, star-rated quotes and an event card with its own mini FAQ precede a footer carrying opening hours, address and a map-style location block.

Worth borrowing

Put treatment categories as outline pills in the hero so visitors self-select before scrolling.
Build the service list from ruled rows with a small square thumbnail and one explanatory line each.
Italicise one word per heading in the same serif to give a calm page its accent.