Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

drinks · not disclosed ·

Ardbeg

The Ardbeg storefront measured page by page: homepage, collection and product at desktop and mobile, every color weighted by the share of the page it paints, typeset in girott, tiempos_text_regular.

The pages

desktop1440 x 900

Ardbeg homepage on desktop, not disclosed luxury drinks storefront captured at 1440 x 900
Homepage
Ardbeg collection: all whisky on desktop, not disclosed luxury drinks storefront captured at 1440 x 900
Collection: All Whisky
Ardbeg product page on desktop, not disclosed luxury drinks storefront captured at 1440 x 900
Product page

mobile390 x 844

Ardbeg homepage on mobile, not disclosed luxury drinks storefront captured at 390 x 844
Homepage
Ardbeg collection: all whisky on mobile, not disclosed luxury drinks storefront captured at 390 x 844
Collection: All Whisky
Ardbeg product page on mobile, not disclosed luxury drinks storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

100%
100% #000000 page

Ink, by share of text set in it

69.1%
15.1%
14.6%
69.1% #232323 body and headings
15.1% #ffffff reversed on dark
14.6% #aa8948 secondary
0.9% #c3c3c3 secondary
0.3% #bd9d5b secondary

Typography

sans-serif · everything

girott

sans-serif · accent

tiempos_text_regular

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Product card
Grid
3 across, 414px wide
Image
0.83 : 1 crop, cover