Editor's note
A circle opens from the hotspot and fills the section with the detail – big type, minimap, rolling counter.
Product blocks
Pick a product and the card shows its image, price and a working add to cart – the cart count updates right away.
Hotspots stay visible
When the image is cropped, it slides so every hotspot stays inside the frame.
Height
Follow the image ratio (optionally capped to the screen) or take a share of the screen.
Chapter 01
Noir
The portal opens dark with white type.
Chapter 02
Daylight
The light version: the portal and its shade take the background color, type is dark, the outline number gets its own color, the nav is white glass.
Up next
More like this
Nº 01
Hotspot Panel
A calm side panel slides in next to the image; the camera glides and zooms to the detail.
Hotspot · Any page
Nº 02
Hotspot Popover
A glass card opens right at the hotspot, tied to it with a thin line.
Hotspot · Any page
Nº 03
Hotspot Index
The image with a numbered list next to it – a spec sheet you can shop.
Hotspot · Any page