Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

drinks · not disclosed ·

Glenmorangie

The Glenmorangie 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 Gotham, Berlingske Serif Condensed.

The pages

desktop1440 x 900

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

mobile390 x 844

Glenmorangie homepage on mobile, not disclosed luxury drinks storefront captured at 390 x 844
Homepage
Glenmorangie collection: all on mobile, not disclosed luxury drinks storefront captured at 390 x 844
Collection: All
Glenmorangie 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

27.4%
25.5%
22.4%
15.2%
9.5%
27.4% #ffffff body and headings
25.5% #a5adbc secondary
22.4% #000000 emphasis
15.2% #898989 secondary
9.5% #475467 emphasis

Typography

sans-serif · everything

Gotham

serif · accent

Berlingske Serif Condensed

of all text on the page

83% sans-serif17% serif

Ecommerce components, rebuilt to spec

Product card
Grid
3 across, 391px wide
Image
0.81 : 1 crop, contain