← The UX Guide Vol. 1: Luxury Ecommerce
fashion · not disclosed ·
Kith
Ronnie Fieg opened Kith in New York in 2011 as a footwear boutique and grew it into a clothing label and store chain, known for its collaborations and for the Kith Treats cereal bars inside its shops.
The pages
desktop1440 x 900
mobile390 x 844
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
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- proxima-nova 12px / 500 / 1.2px tracking / uppercase
- Color
- rgb(255, 255, 255) on #828282, painted over #ffffff
- Shape
- 0px radius, 536 by 41px
- Label
- center, rebuild matched the photograph at 1
Product card
- Grid
- 4 across, 331px wide
- Image
- 1 : 1 crop, fill
Size and color
XS
S
M
L
XL
XXL
Size selector
- Control
- radio list with text labels, 6 values
- Label
- Size
- Type
- proxima-nova 12px / 300
- Cell
- 79 by 41px, 12px apart
- Chosen
- no computed difference between chosen and unchosen
- On load
- nothing is chosen
Color selector
- Control
- buttons, 3 swatches
- Swatch
- wide rectangle, 84 by 15px, 128px apart
- Chosen
- text #333333 (unselected #757575)