Serpolle

Item: Serpolle
Rating: 8

Framer template for a small-batch perfume house

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

Live preview Get this template Save page

8.0/10MABTU rating

Home

Fragrances

Visit the atelier

DESKTOP · 1440 × 7,955/ ↗

MOBILE · 390

Section outline · Home

01heroPinned watercolour note names with notes rail3,780
02productItalic name, spec table795
03processFour-day timeline in orange italic690
04productsRuled rows with note dots886
05ctaDiscovery set block680
06faqAccordion then italic wordmark footer418

Rating · Home

Visual design8.3

UX & clarity7.2

Originality8.8

Craft & consistency7.6

Motion7.5

Performance & a11y8.7

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

Main colours

Light·cream background·vivid

Typography

Bodoni Modaheading · serif · google Hanken Groteskbody · sans · google

Stack & style

Framer Google Fonts React

Bold typography Editorial Luxury Grain / texture FAQ accordion Pinned sections Text reveal

Design DNA

Template: parchment #F3ECE3 ground; a high-contrast Didone italic for scent names, headlines and the wordmark, a small monospace for note labels. The home scrolls through pinned full-screen scenes where each note name (Saffron, Orris, Oud) is filled with its own watercolour smoke in rust #B5532A or plum #6B2E4F, with a top/heart/base note rail at left. Then a product spec sheet, 'Day 1 / Day 2 / Day 11 / Day 15' making timeline in orange italic, a ruled list of five perfumes with colour-dot notes, a discovery-set block, FAQ and an italic wordmark footer.

Worth borrowing

Fill giant italic ingredient names with watercolour textures that change per scene.
Track a top/heart/base notes rail at the side that lights up while you scroll.
List products as ruled rows with three colour dots for their notes.