Prismatic Fragrance Reveal - Live demo

Immersive product opener

Top notes: Citrus flare

Turn a fragrance launch into a luminous stage.

This concept uses layered glass, caustic light and animated atmosphere to present a premium product as a focal object, not just a static packshot. The bottle reacts to pointer movement while the surrounding scene shifts between note families.

Citrus flare

A bright, airy light treatment makes the first impression feel sharp, expensive and immediate.

Velvet bloom

The scene warms up and the bottle becomes softer and fuller, shifting the mood toward depth and texture.

Amber trail

The final state adds a richer glow and a slower cadence, like the after-presence of a luxury finish.

Nebula Edition

Prismatic Bloom

eau de lumière

Top Citrus flare
Heart Velvet bloom
Base Amber trail

Demo page content

This is a simulated landing page used to trigger intent signals like scrolling, reading and interaction.

Scroll down to see how the pattern behaves. Interact with elements to simulate real user behavior.

Section 1

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 2

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 3

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 4

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 5

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 6

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 7

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 8

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 9

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 10

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 11

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 12

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 13

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 14

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 15

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 16

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 17

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 18

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 19

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.

Section 20

Placeholder content to create realistic scroll depth and reading time. Add more blocks if needed.