Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · not disclosed ·

Kith

The Kith 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 40.6 percent of the page, typeset in proxima-nova, Georgia.

The pages

desktop1440 x 900

Kith homepage on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Homepage
Kith collection: 10 on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Collection: 10
Kith product page on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Kith homepage on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Homepage
Kith collection: 10 on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Collection: 10
Kith product page on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

76.8%
13.2%
10%
76.8% #ffffff page
13.2% #f2f2f2 panels and cards
10% #333333 secondary surface

Ink, by share of text set in it

97.7%
97.7% #333333 body and headings
1.6% #757575 secondary
0.8% #ffffff reversed on dark

Imagery, by share of the page it covers

40.6% photograph, the rest is surface

Typography

sans-serif · everything

proxima-nova

serif · accent

Georgia

of all text on the page

86% sans-serif14% serif

Ecommerce components, rebuilt to spec

Product card
Grid
4 across, 331px wide
Image
1 : 1 crop, fill