← The UX Guide Vol. 1: Luxury Ecommerce
jewelry · Shopify ·
Repossi
Fine jeweler with roots in Turin and a Place Vendôme address in Paris, directed by fourth generation Gaia Repossi. Its spare, architectural ear pieces, among them the Berbère line, define the house.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
89%
9.9%
89%
#ffffff
page
9.9%
#f5f5f5
panels and cards
1.1%
#fafafa
panels and cards
Ink, by share of text set in it
54.8%
42.2%
54.8%
#7b7b7b
body and headings
42.2%
#000000
emphasis
1.7%
#8e8e8e
secondary
0.9%
#0e1011
emphasis
0.4%
#969696
secondary
Imagery, by share of the page it covers
41.9% photograph, the rest is surface
Typography
sans-serif · everything
UniversLTStd
of all text on the page
100% sans-serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- UniversLTStd 13px / 400 / 0.65px tracking
- Color
- rgb(0, 0, 0) on #fefefe, painted over #ffffff
- Shape
- 0px radius, 505 by 40px
- Label
- center, rebuild matched the photograph at 1
Berbere Chromatic Burgundy lacquer ring
More colors
Show less
Berbere Chromatic Nile Green lacquer ring
More colors
Show less
Berbere Chromatic Aqua Blue lacquer ring
More colors
Show less
Product card
- Grid
- 4 across, 330px wide
- Image
- 1 : 1 crop, cover
- Line 1
- 13px / 400, rgb(123, 123, 123)
- Line 2
- 12px / 400, rgb(123, 123, 123)
- Line 3
- 12px / 400, rgb(123, 123, 123)
Size and color
Color selector
- Control
- links to sibling products, 7 swatches
- Swatch
- square, 80 by 80px, 8px apart
- Chosen
- nothing marked as chosen
The email sign up popup
Email capture
- Placement
- lower right, 390 x 268
- Asks for
- first name, last name, email, a consent tick
- Offers
- nothing named
- Shown on
- both
- Dismissible
- yes