Marea Spa

Item: Marea Spa
Rating: 7

Framer template for modern day spas offering massage and facials.

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

Live preview Get this template Save page

7.0/10MABTU rating

DESKTOP · 1440 × 11,191/ ↗

MOBILE · 390

Section outline · Home

01heroTreatments / rituals / spa900
02media textWelcome to Marea800
03contentFull menu188
04portfolioReset massage1,835
05media text271
06features gridTake the ritual home890
07content787
08testimonialsWhat our clients say1,000
09pricingPasses & packages748
10contentOur House of Calm683
11features grid630
12faqBefore You Visit737
13formBegin your session1,000
14form363

Rating · Home

Visual design8.0

UX & clarity7.4

Originality7.2

Craft & consistency7.6

Motion5.5

Performance & a11y7.0

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

Main colours

Light·cream background·vivid

Typography

Instrument Serifheading · serif · google Interbody · sans · self-hosted

Stack & style

Framer Lenis React Google Fonts

Minimal Editorial Luxury Photography-led Booking widget FAQ accordion Marquee Pricing table Smooth scroll Sticky header Testimonial slider Transparent header

Design DNA

Template: cream #F6EFE9 with coral #E08A78 serif headings and tiny letterspaced caps for eyebrows and body. The hero is two cropped skin portraits split down the middle with a white serif line across the seam. Treatments are white rows pairing a name, 'from' price, short description and a square photo at the right. Testimonials tile square photos with quote cards in a mosaic; three pass cards carry ticked inclusions; a full-bleed warm portrait holds the booking form, and a black footer closes.

Worth borrowing

Split the hero into two cropped portraits and set the headline across the seam between them.
Use coral serif headings on cream and reserve tiny letterspaced caps for every supporting line.
Build the treatment menu as white rows with a square photo anchored at the right of each row.