Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

fashion · Shopify ·

Begg x Co

Scottish weaver tracing to 1866, when Alex Begg began making woolen shawls in Paisley. The mill moved to Ayr in 1902 and now produces cashmere scarves, throws and knitwear.

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

The icon set

cart
search
menu

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
Valatzu Saltire
Andrew
Arran Solid
Product card
Grid
4 across, 356px wide
Image
0.8 : 1 crop, cover
Line 1
11.008px / 400, rgb(250, 249, 243)