← The UX Guide Vol. 1: Luxury Ecommerce
fashion · Shopify ·
Barena Venezia
Venetian menswear label founded in 1993 by Sandro Zara, built on patterns found in old lagoon wool mills and known for soft, unstructured tailoring made in Italy.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
83%
16.9%
83%
#ffffff
page
16.9%
#f7f7f7
panels and cards
Ink, by share of text set in it
93%
93%
#1c1c1c
body and headings
3.3%
#ffffff
reversed on dark
2.6%
#000000
emphasis
1.1%
#321e1e
emphasis
Imagery, by share of the page it covers
28.8% photograph, the rest is surface
Typography
sans-serif · everything
Figtree
of all text on the page
100% sans-serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- Figtree 13px / 400 / uppercase
- Color
- rgb(28, 28, 28) on #fefefe, painted over #ffffff
- Shape
- 0px radius, 520 by 45px
- Label
- center, rebuild matched the photograph at 0.99
Product card
- Grid
- 6 across, 350px wide
- Image
- 0.67 : 1 crop, contain
Size and color
36
38
40
42
44
46
48
Size selector
- Control
- radio list with text labels, 7 values
- Label
- Size
- Type
- Figtree 12px / 400
- Cell
- 51 by 35px, 12px apart
- Chosen
- text #1c1c1c (unselected #1c1c1c)
- On load
- one is already chosen
The email sign up popup
Email capture
- Placement
- centred centre, 622 x 500
- Asks for
- first name, last name, email, country
- Offers
- nothing named
- Shown on
- both
- Dismissible
- no close control found