Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

16Arlington

The 16Arlington 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 44.9 percent of the page, typeset in Ivory Mono, Life.

The pages

desktop1440 x 900

16Arlington homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
16Arlington collection: sizes - uk on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: Sizes - UK
16Arlington product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

16Arlington homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
16Arlington collection: sizes - uk on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: Sizes - UK
16Arlington product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

99.6%
99.6% #ffffff page
0.4% #2d2d2d secondary surface

Ink, by share of text set in it

94.5%
94.5% #2d2d2d body and headings
3.5% #ffffff reversed on dark
2% #8e8e8e secondary

Imagery, by share of the page it covers

44.9% photograph, the rest is surface

Typography

sans-serif · everything

Ivory Mono

sans-serif · accent

Life

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Product card
Grid
4 across, 338px wide
Image
0.8 : 1 crop, cover