Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

Begg x Co

The Begg x Co 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 49.1 percent of the page, typeset in Marr Sans, Adobe Text Pro.

The pages

desktop1440 x 900

Begg x Co homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Begg x Co collection: aw25 on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: AW25
Begg x Co product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Begg x Co homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Begg x Co collection: aw25 on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: AW25
Begg x Co product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

99%
99% #faf9f3 page
0.4% #000000 dark bands
0.3% #ffffff panels and cards

Ink, by share of text set in it

91.1%
91.1% #000000 body and headings
7.8% #faf9f3 reversed on dark
1.2% #868686 secondary

Imagery, by share of the page it covers

49.1% photograph, the rest is surface

Typography

sans-serif · everything

Marr Sans

sans-serif · accent

Adobe Text Pro

of all text on the page

81% sans-serif19% serif

Ecommerce components, rebuilt to spec

Add to cart
Type
Marr Sans 13.008px / 400 / 0.336px tracking
Color
rgb(250, 249, 243) on rgb(0, 0, 0)
Shape
0px radius, 12px padding, 40px tall
Width
209px as rendered
Abbie Cardigan
Abbie Cardigan
Abbie Cardigan
Product card
Grid
4 across, 356px wide
Image
0.8 : 1 crop, cover
Line 1
11.008px / 400, rgb(250, 249, 243)