Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

fashion · not disclosed ·

Thom Browne

New York tailoring label founded in 2001 on shrunken gray suits with cropped trousers. The four bar sleeve stripe and red, white and blue grosgrain are its other markers. Zegna Group controls it.

The pages

desktop1440 x 900

Thom Browne homepage on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Homepage
Thom Browne collection: all products on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Collection: All Products
Thom Browne product page on desktop, not disclosed luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Thom Browne homepage on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Homepage
Thom Browne collection: all products on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Collection: All Products
Thom Browne product page on mobile, not disclosed luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

99%
99% #ffffff page
0.6% #4c4c4c accent
0.3% #5c5d5f accent
0.2% #eaeaea secondary surface

Ink, by share of text set in it

86.9%
86.9% #222222 body and headings
6.7% #5c5d5f emphasis
6.2% #4c4c4c emphasis
0.2% #ffffff reversed on dark

Imagery, by share of the page it covers

50.2% photograph, the rest is surface

Typography

sans-serif · everything

ArialNarrow

of all text on the page

100% sans-serif

The icon set

cart
search
menu
close

Ecommerce components, rebuilt to spec

Thom Browne add to cart button photographed on its product page
photographed on thombrowne.com
Add to cart
Type
ArialNarrow 12px / 400 / uppercase
Color
rgb(76, 76, 76) on #fefefe, painted over #ffffff
Shape
0px radius, 319 by 36px
Label
center, rebuild matched the photograph at 0.978
Product card
Grid
8 across, 316px wide
Image
0.75 : 1 crop, cover

Size and color

0 1 2 3 4 5
Size selector
Control
buttons, 6 values
Label
Size
Type
ArialNarrow 12px / 400
Cell
63 by 23px, 16px apart
Chosen
no computed difference between chosen and unchosen
On load
nothing is chosen