← The UX Guide Vol. 1: Luxury Ecommerce
fashion · Shopify ·
Patou
Jean Patou opened his Paris couture house in 1914 and created Joy, a perfume marketed as the costliest in the world. The house was relaunched simply as Patou in 2018 with a ready to wear line.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
89.8%
8.2%
89.8%
#ffffff
page
8.2%
#051c2c
dark bands
2%
#000000
dark bands
Ink, by share of text set in it
44%
25.4%
23.4%
44%
#051c2c
body and headings
25.4%
#000000
emphasis
23.4%
#6f7376
secondary
7.1%
#7e8487
secondary
Imagery, by share of the page it covers
13.1% photograph, the rest is surface
Typography
sans-serif · everything
brandon-grotesque
sans-serif · accent
Belwe
of all text on the page
74% sans-serif26% serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- brandon-grotesque 12px / 400 / 0.8px tracking / uppercase
- Color
- rgb(255, 255, 255) on #041c2b, painted over #ffffff
- Shape
- 0px radius, 323 by 40px
- Label
- center, rebuild matched the photograph at 0.99
Cropped buttoned jacket
Wool and cashmere cardigan
Short oversize coat in wool blend
Product card
- Grid
- 4 across, 243px wide
- Image
- 0.67 : 1 crop, fill
- Line 1
- 12px / 400, rgb(0, 0, 0)
Size and color
34
36
38
40
42
44
Size selector
- Control
- radio list with text labels, 6 values
- Label
- Size
- Type
- Belwe 16px / 300
- Cell
- 16 by 32px, 14px apart
- Chosen
- 1px underline, #051c2c
- On load
- one is already chosen