Nocturne Studio

Item: Nocturne Studio
Rating: 7.2

Framer template for boutique reformer Pilates studios

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

Live preview Get this template Save page

7.2/10MABTU rating

Home

DESKTOP · 1440 × 6,865/ ↗

MOBILE · 390

Section outline · Home

01heroDusk studio photo, two buttons900
02aboutSplit intro with three principles841
03scheduleDay tabs and class rows1,046
04classesThree coloured class cards922
05pricingThree membership tiers821
06teamThree instructor portraits1,020
07testimonialsBlue band with large serif quote496
08contactIntro-class enquiry form706
09footerNavy footer strip112

Rating · Home

Visual design7.5

UX & clarity7.2

Originality7.2

Craft & consistency7.0

Motion6.0

Performance & a11y7.7

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

Main colours

Mixed sections·dark navy background·vivid

Typography

Georgiaheading · serif · system Arialbody · sans · system SF Monoaccent · mono · unknown

Stack & style

Framer React

Minimal Editorial Luxury Photography-led Pricing table Booking widget Process steps Tabs

Design DNA

Template: deep navy #0B1733 and bone #ECE7DD bands alternate, with electric blue #2346D0 for active states and one full-width quote band. Headlines in a transitional serif at ~40px with the second line in italic ('Move with / intention.'), small monospace uppercase eyebrows numbered 01, 02. Hero is a dusk studio of reformers facing a city window. A weekly schedule with day tabs and class rows, three coloured class cards (blue, brown, green), three membership tiers with the middle one filled blue, three instructor portraits, and a clean enquiry form split.

Worth borrowing

Set every headline as a roman line followed by an italic line for a calm, editorial voice.
Show the week's timetable with day tabs and class rows right on the home page.
Colour-code the three class types as flat blue, brown and green cards.