Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

A.P.C.

The A.P.C. 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 24.3 percent of the page, typeset in helvetica-neue-lt-pro.

The pages

desktop1440 x 900

A.P.C. homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
A.P.C. collection: a.p.c. asics on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: A.P.C. Asics
A.P.C. product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

A.P.C. homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
A.P.C. collection: a.p.c. asics on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: A.P.C. Asics
A.P.C. product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

100%
100% #ffffff page

Ink, by share of text set in it

71.2%
25.3%
71.2% #000000 body and headings
25.3% #1c1c1c emphasis
2% #ffffff reversed on dark
1.5% #838383 secondary

Imagery, by share of the page it covers

24.3% photograph, the rest is surface

Typography

sans-serif · everything

helvetica-neue-lt-pro

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Add to cart
Type
helvetica-neue-lt-pro 13px / 500 / lowercase
Color
rgb(255, 255, 255) on rgba(0, 0, 0, 0)
Shape
0px radius, 10.4px 17.008px padding, 46px tall
Width
592px as rendered
Product card
Grid
6 across, 217px wide
Image
0.7 : 1 crop, cover