← The UX Guide Vol. 1: Luxury Ecommerce
fashion · Shopify ·
Aspesi
Milanese label started by Alberto Aspesi in 1969, first as a shirtmaker and later known for lightweight nylon field jackets and down outerwear cut for the city rather than the mountains.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
84.3%
15%
84.3%
#ffffff
page
15%
#fafafa
panels and cards
0.6%
#000000
dark bands
Ink, by share of text set in it
37.7%
37.6%
12.2%
37.7%
#232323
body and headings
37.6%
#000000
emphasis
12.2%
#555555
emphasis
6.5%
#111111
emphasis
2.5%
#999999
secondary
2%
#ffffff
reversed on dark
Imagery, by share of the page it covers
28.4% photograph, the rest is surface
Typography
sans-serif · everything
Helvetica
of all text on the page
100% sans-serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- Helvetica 16px / 400 / 0.8px tracking
- Color
- rgb(255, 255, 255) on #000000, painted over #ffffff
- Shape
- 0px radius, 523 by 48px
- Label
- center, rebuild matched the photograph at 1
TOP IN LINO DELAVE - SALVIA
$600.00
CAMICIA GIROCOLLO IN LINO - BIANCO
$600.00
GIUBBOTTO MINI FIELD - MILITARE
$600.00
Product card
- Grid
- 4 across, 324px wide
- Image
- 0.75 : 1 crop, cover
- Line 1
- 12px / 300 / uppercase, rgb(17, 17, 17)
- Line 2
- 12px / 300, rgb(85, 85, 85)
Size and color
34
36
38
40
42
44
46
48
Size selector
- Control
- radio list with text labels, 8 values
- Label
- Taglia
- Type
- Helvetica 12px / 400
- Cell
- 40 by 40px, 0px apart
- Chosen
- opacity 1 (unselected 0.5)
- On load
- one is already chosen