Morpho Water

How it’s built

Layout

Dark navy product page has a tall can centered, a large light sans two-line headline left and a delicate italic serif phrase right. Tiny tracked labels and navigation frame the view, with outlined circular play and sound controls near lower edges.

Type

Large thin/regular sans title contrasted with delicate italic serif phrase; tiny tracked uppercase labels. Exact font and metrics unknown.

Color and surface

Deep navy field, silver/blue can, white text and subtle gray controls.

Components

Center a tall metallic cylindrical product on deep navy between a large light sans statement left and delicate italic serif phrase right, with tiny tracked utilities.

What makes it work

• Deep navy field and central tall metallic cylindrical object
• Large light sans left statement
• Delicate italic serif phrase right
• Tiny tracked utilities and outlined circular controls

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

A dark navy field centers a large silver and blue can between a thin white sans headline at left and an italic serif phrase at right. White identity and a rounded navigation bar sit at the top, with pale action pills below. A dark consent panel covers the lower left. The gallery reference shows a similar product composition with different navigation and no consent panel.

Responsive

Tablet condenses navigation to Explore and scales the can and heading down. Phone stacks the heading above the can; the consent panel covers the lower can and the right-hand phrase. Play, sound and chat controls sit along the bottom. The panel is a capture condition.

Scroll

At actual scrollY 750 the centered can is brighter and larger and faint new left copy appears; top navigation, consent panel and bottom controls remain in view. One frame does not prove a complete sequence or positioning mechanism.