Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · not disclosed ·

The Row

The The Row 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 20.7 percent of the page, typeset in Basic Commercial.

The pages

desktop1440 x 900

The Row homepage on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Homepage
The Row collection: bags - view all on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Collection: BAGS - View All
The Row product page on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

The Row homepage on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Homepage
The Row collection: bags - view all on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Collection: BAGS - View All
The Row product page on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

99.3%
99.3% #ffffff page
0.7% #f8f6f5 panels and cards

Ink, by share of text set in it

46.5%
46.3%
46.5% #212121 body and headings
46.3% #000000 emphasis
5.1% #1c1b1b emphasis
1.7% #a5a3a3 secondary
0.5% #ffffff reversed on dark

Imagery, by share of the page it covers

20.7% photograph, the rest is surface

Typography

sans-serif · everything

Basic Commercial

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

<img class="ProductItem__Image"
<img class="ProductItem__Image"
<img class="ProductItem__Image"
Product card
Grid
4 across, 316px wide
Image
0.67 : 1 crop, cover
Line 1
13px / 400, rgb(28, 27, 27)