Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

Ahluwalia

The Ahluwalia 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 32 percent of the page, typeset in Instrument Sans, M-Heading-Font.

The pages

desktop1440 x 900

Ahluwalia homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Ahluwalia collection: all products on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: All Products
Ahluwalia product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Ahluwalia homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Ahluwalia collection: all products on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: All Products
Ahluwalia product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

58.9%
40.3%
58.9% #ffffff page
40.3% #222222 dark bands
0.9% #000000 dark bands

Ink, by share of text set in it

61.2%
20.9%
17.9%
61.2% #222222 body and headings
20.9% #ffffff reversed on dark
17.9% #666666 emphasis

Imagery, by share of the page it covers

32% photograph, the rest is surface

Typography

sans-serif · everything

Instrument Sans

sans-serif · accent

M-Heading-Font

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Add to cart
Type
Instrument Sans 20px / 500
Color
rgb(255, 255, 255) on rgb(0, 0, 0)
Shape
5px radius, 10px 30px padding, 45px tall
Width
485px as rendered
Product card
Grid
4 across, 331px wide
Image
0.75 : 1 crop, cover