Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

retail · Shopify ·

Browns Fashion

The Browns Fashion 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 17.9 percent of the page, typeset in Inter-Regular, Helvetica.

The pages

desktop1440 x 900

Browns Fashion homepage on desktop, Shopify luxury retail storefront captured at 1440 x 900
Homepage
Browns Fashion collection: accessories on desktop, Shopify luxury retail storefront captured at 1440 x 900
Collection: Accessories

mobile390 x 844

Browns Fashion homepage on mobile, Shopify luxury retail storefront captured at 390 x 844
Homepage
Browns Fashion collection: accessories on mobile, Shopify luxury retail storefront captured at 390 x 844
Collection: Accessories
Browns Fashion product page on mobile, Shopify luxury retail storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

84.7%
13.3%
84.7% #ffffff page
13.3% #f6f6f6 panels and cards
1.4% #000000 dark bands
0.3% #ebebeb panels and cards

Ink, by share of text set in it

83.5%
9.3%
83.5% #333333 body and headings
9.3% #ffffff reversed on dark
6.7% #000000 emphasis
0.4% #ff0000 emphasis
0.2% #dd0707 emphasis

Imagery, by share of the page it covers

17.9% photograph, the rest is surface

Typography

sans-serif · everything

Inter-Regular

sans-serif · accent

Helvetica

of all text on the page

74% sans-serif26% serif