Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

watches · Shopify ·

Anordain

The Anordain storefront measured page by page: homepage, collection and product at desktop and mobile, every color weighted by the share of the page it paints, with photography covering 53.7 percent of the page, typeset in Montiac, Community Gothic.

The pages

desktop1440 x 900

Anordain homepage on desktop, Shopify luxury watches storefront captured at 1440 x 900
Homepage
Anordain collection: archive on desktop, Shopify luxury watches storefront captured at 1440 x 900
Collection: Archive
Anordain product page on desktop, Shopify luxury watches storefront captured at 1440 x 900
Product page

mobile390 x 844

Anordain homepage on mobile, Shopify luxury watches storefront captured at 390 x 844
Homepage
Anordain collection: archive on mobile, Shopify luxury watches storefront captured at 390 x 844
Collection: Archive
Anordain product page on mobile, Shopify luxury watches storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

98.7%
98.7% #ffffff page
1.3% #003e52 secondary surface

Ink, by share of text set in it

68.1%
26.9%
68.1% #003e52 body and headings
26.9% #ffffff reversed on dark
5% #003952 emphasis

Imagery, by share of the page it covers

53.7% photograph, the rest is surface

Typography

sans-serif · everything

Montiac

sans-serif · accent

Community Gothic

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Model 2 White SOLD OUT
Model 2 White SOLD OUT
Product card
Grid
2 across, 683px wide
Image
1.5 : 1 crop, cover
Line 1
17.5px / 400, rgb(0, 62, 82)
Line 2
16px / 400, rgb(0, 62, 82)