Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

fashion · not disclosed ·

Khaite

Catherine Holstein founded Khaite in New York in 2016. The womenswear label works mainly in leather outerwear, denim and cashmere knitwear, cut as a wardrobe rather than around a seasonal theme.

The pages

desktop1440 x 900

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

mobile390 x 844

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

Palette

Surfaces, by share of painted area

65.5%
34.5%
65.5% #ffffff page
34.5% #000000 dark bands

Ink, by share of text set in it

84.4%
9.6%
84.4% #000000 body and headings
9.6% #757575 secondary
2.8% #ffffff reversed on dark
1.9% #222222 emphasis
1.3% #6b6b6b secondary

Imagery, by share of the page it covers

24.2% photograph, the rest is surface

Typography

sans-serif · everything

Fakt Pro

sans-serif · accent

ITC Galliard

of all text on the page

100% sans-serif

The icon set

search
Close
close

Ecommerce components, rebuilt to spec

Khaite add to cart button photographed on its product page
photographed on khaite.com
Add to cart
Type
Fakt Pro 14px / 400 / capitalize
Color
rgb(255, 255, 255) on #000000, painted over #ffffff
Shape
0px radius, 400 by 42px
Label
center, rebuild matched the photograph at 1
Product card
Grid
8 across, 321px wide
Image
0.71 : 1 crop, cover

Size and color

XS S M L XL
Size selector
Control
radio list with text labels, 5 values
Label
Size (US)
Type
Fakt Pro 12px / 350
Cell
24 by 22px, 16px apart
Chosen
1px underline, #000000
On load
one is already chosen