Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

Dries Van Noten

The Dries Van Noten 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 28.3 percent of the page, typeset in Akzidenz-Grotesk-Pro, DVN.

The pages

desktop1440 x 900

Dries Van Noten homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Dries Van Noten collection: aw25-26 women: private sale on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: AW25-26 Women: Private Sale
Dries Van Noten product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Dries Van Noten homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Dries Van Noten collection: aw25-26 women: private sale on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: AW25-26 Women: Private Sale
Dries Van Noten product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

99.1%
99.1% #ffffff page
0.9% #201d1d dark bands

Ink, by share of text set in it

84.8%
8.5%
84.8% #231f20 body and headings
8.5% #ffffff reversed on dark
5.4% #000000 emphasis
1.3% #777777 secondary

Imagery, by share of the page it covers

28.3% photograph, the rest is surface

Typography

sans-serif · everything

Akzidenz-Grotesk-Pro

sans-serif · accent

DVN

of all text on the page

82% sans-serif18% serif

Ecommerce components, rebuilt to spec

Add to cart
Type
Akzidenz-Grotesk-Pro 11px / 500 / 1.1px tracking / uppercase
Color
rgb(255, 255, 255) on rgb(32, 29, 29)
Shape
0px radius, 16px padding, 50px tall
Width
408px as rendered
Product card
Grid
46 across, 326px wide