Animated

Noctra

Noctra is a premium template for a niche luxury perfume house built around one signature dark-rose extrait. Its full-screen PINNED hero SCRUBS a dedicated crimson-glow clip FRAME-BY-FRAME — the video’s currentTime is tied to scroll progress (videoMode="scrub"), so a deep, backlit flacon glow advances in perfect step with the scroll rather than looping — and over its lower-left corner four high-contrast Playfair Display beats cross-fade IN PLACE like a film title sequence, each a phase of the fragrance on skin (bergamot opening, dark-rose heart, oud-and-amber drydown, twelve-hour sillage). The hero chrome is minimal and cinematic: a centred wax-seal wordmark, a top-right beat counter, a rotated maison line down the left edge and a VERTICAL crimson progress rail on the right. Below the hero the page becomes an editorial maison storefront: a symmetrical couture nav; a SIGNATURE-EXTRAIT feature pairing a dark flacon photo with an olfactory-PROFILE bar diagram (Dark Rose, Oud & Woods, Amber, Saffron, Bergamot) and price; a VERTICAL scent pyramid (Top / Heart / Base stacked on a crimson spine) with a maison proof line (22% extrait, 12h wear, Grasse); a NUMBERED collection gallery laid out as editorial rows (not a uniform card grid) with real perfume/bottle photography, sizes and prices ($95–$245); a split MAISON story with a signed perfumer pull-quote and a craft checklist; a PRESS section of critic quotes plus an accolades wordmark strip; a sample/boutique CTA with two boutique addresses; and a full footer. It sits on a near-black oxblood canvas with a faint grain, a high-contrast Playfair Display fashion serif over calm Inter, deep-crimson + antique-gold accents, and a wax-seal monogram motif (no petals). Fully honours prefers-reduced-motion by resting the clip on its first frame and stacking the beats statically.

A perfumer’s atelier after midnight — a single dark rose burning crimson on black glass, noir couture, sensual and unhurried and expensive.

noctra-parfum.code-anything.app
Noctra
Noctra Nº1 Rose Absolue extrait de parfum, a faceted black flacon in low crimson lightThe signature
Noctra Nº1 · Extrait de Parfum

A rose that behaves like nightfall.

Three years and forty-one trials in Grasse produced a single extrait: dark rose absolute set against natural oud and aged amber, at 22% concentration. This is its olfactory profile, measured on skin.

Dark Rose
Oud & Woods
Amber
Saffron & Spice
Bergamot
$245Add the extrait to bag50 ml · 22% concentration
The composition

One perfume, told in three acts.

The notes reveal themselves in sequence as the extrait warms against skin — read the pyramid from the base up, the way you actually wear it.

Top notes

Calabrian Bergamot

Pink pepper, blackcurrant bud, cold citrus — the bright, restless first impression.

Heart notes

Turkish Rose & Saffron

Rose absolute and night jasmine, laced with saffron and a whisper of clove.

Base notes

Oud, Amber & Vanilla

Laotian oud, labdanum amber and bourbon vanilla — a warm, hours-long drydown.

22%
extrait concentration
12h
average wear on skin
Grasse
composed & hand-filled
The collection

Four ways to wear the night

The full maison →
01
Noctra Noctra Nº1 · Rose Absolue — Dark Rose · Oud · Amber

Noctra Nº1 · Rose Absolue

The signature

Dark Rose · Oud · Amber · 50 ml Extrait de Parfum

$245Add to bag
02
Noctra Nuit Blanche — Jasmine · Tuberose · White Musk

Nuit Blanche

Jasmine · Tuberose · White Musk · 50 ml Eau de Parfum

$220Add to bag
03
Noctra Cendre — Saffron · Incense · Black Leather

Cendre

Saffron · Incense · Black Leather · 50 ml Eau de Parfum

$235Add to bag
04
Noctra Le Coffret — Discovery — The full maison, in miniature

Le Coffret — Discovery

New

The full maison, in miniature · 4 × 10 ml Extrait

$95Add to bag
The Noctra perfumer's atelier — vials and dark glass in low light
The perfumer
“I wanted a rose you could wear into a dark room and have it arrive before you did.”

Noctra is composed in small batches from natural oud, Turkish rose absolute and aged amber, macerated for eight weeks and hand-filled into faceted black glass. Every flacon is numbered and sealed by hand.

  • Natural oud & rose absolute
  • Eight-week maceration
  • Hand-filled, wax-sealed, numbered
  • Cruelty-free · never mass-produced
H. Aumont— Founder & Nose, Maison Noctra
Noctra Nº1 is the rare dark rose that feels genuinely nocturnal — expensive, unhurried and impossible to place. The most confident debut I have smelled this year.
Élodie MarchandSenior Editor, Atelier Scent
A masterclass in restraint. The oud never shouts, the rose never turns soapy — it simply blooms on skin and glows there for the length of an evening.
Idris BelloThe Fragrance Journal
As seen in
ATELIER SCENTNEZTHE PERFUMERÇA SENTBASENOTESFUMÉE
Not sure yet? Try before you commit

Order a sample vial, on us.

Every full bottle ships worldwide with two complimentary 2 ml vials to carry — and a $12 sample of Noctra Nº1 is fully credited when you buy the extrait.

Paris boutique
9 Rue Saint-Honoré, 1er
New York boutique
112 Greene Street, SoHo

Design rules

The system, applied to any site

  • Position the page as a real product landing page for Noctra, a niche luxury perfume house built on ONE signature dark-rose extrait: every headline and paragraph sells the scent (the olfactory profile, the note pyramid, the collection, the maison, sizes & price) — never the scroll gimmick or the video.
  • Build on a near-black oxblood canvas (around #0A0507) with a faint grain from a very-low-opacity repeating-linear-gradient, keep raised surfaces a deep night tone (#130A0D), hold contrast with warm bone text (#F2E7E4), and use deep crimson (#B4122B) as the primary accent with antique gold (#C8A24C) sparingly as the secondary.
  • Keep the PINNED hero SCRUBBING FRAME-BY-FRAME: a tall wrapper with a sticky 100vh, overflow-hidden stage holding a dedicated crimson-glow clip whose currentTime is tied to scroll progress (videoMode="scrub", a generous scrub length so the seek stays smooth), framed by a centred vignette so the flacon glow burns; over the LOWER-LEFT corner, cross-fade 3–4 high-contrast Playfair Display beats IN PLACE (one shared anchor, like film titles — NOT a four-corner drift), each a phase of the fragrance (opening / heart / drydown / sillage) with a crimson left rule and a roman-numeral eyebrow.
  • Carry a signature maison motif drawn in pure SVG — a WAX-SEAL line mark (two rings, radiating tick-facets, an N monogram; NOT petals, NOT a plain flacon) used as the logo glyph, section flourish and a large soft background seal — plus a VERTICAL crimson→gold progress rail on the right edge and a beat counter; no emoji icons anywhere, only inline SVG.
  • Below the hero, build an editorial fragrance storefront in order: a symmetrical couture nav (links · seal wordmark · links + Shop); a SIGNATURE-EXTRAIT feature pairing a dark flacon photo with an olfactory-PROFILE bar diagram and price/add-to-bag; a VERTICAL scent pyramid (Top / Heart / Base stacked on a crimson spine) with a maison proof line; a NUMBERED collection gallery as editorial rows (not a uniform card grid) with REAL resolving Unsplash perfume/bottle photos (https://images.unsplash.com/photo-...?w=1200&q=80) and visible sizes + prices + add-to-bag; a split MAISON story with a signed perfumer pull-quote and craft checklist; a PRESS section of critic quotes plus an accolades wordmark strip; a sample/boutique CTA with boutique addresses; and a footer.
  • Set one high-contrast Playfair Display fashion serif display voice (clamp into the ~2.4–5.2em range), often with an italic crimson phrase, drop to calm Inter body, keep micro-labels in a wide-tracked system monospace, and let the deep oxblood space carry the sensual, expensive mood.

Ships with

Full-screen PINNED hero: sticky 100vh stage, crimson flacon-glow clip SCRUBBED frame-by-frame on scroll (videoMode="scrub"), cinematic minimal chromeScent story beats: 4 Playfair captions (opening / heart / drydown / sillage) cross-fading in place in the lower-left, like a film title sequenceSymmetrical couture sticky nav (links · Noctra seal wordmark · links + Shop)The signature extrait: dark flacon photo + an olfactory-PROFILE bar diagram (Dark Rose, Oud & Woods, Amber, Saffron, Bergamot) + price & add-to-bagVertical scent pyramid: Top / Heart / Base stacked on a crimson spine + a maison proof line (22% extrait · 12h · Grasse)Numbered collection gallery: 4 fragrances as editorial rows with real bottle photography, sizes & prices, add-to-bagMaison story: split image + a signed perfumer pull-quote and a craft checklistPress: two critic pull-quotes + an "as seen in" accolades wordmark stripSample / boutique CTA (complimentary vials, credited sample, Paris & New York addresses)Footer (Fragrance / Maison / Client care)

Design tokens

Palette

bg
surface
text
muted
accent
accent2
border

Headings

Playfair Display

Body

Inter

Radius

18px

Explore palettes

More from the library

AuroraMarketing
Warm ArtisanMarketing
Sharp FadeBooking
CockpitDashboard

Make it yours in minutes.

Start from this template and describe your tweaks — content, sections, colours. The backend and deploy are handled.