AnimatedNoctra
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.