← The UX Guide Vol. 1: Luxury Ecommerce
jewelry · Shopify ·
Alighieri
Rosh Mahtani names her London jewelry line after Dante and draws its shapes from the Divine Comedy, casting gold-plated bronze pieces one at a time by the lost wax method.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
75.8%
20%
75.8%
#f5f3ef
page
20%
#ffffff
panels and cards
3.6%
#000000
dark bands
0.7%
#212121
dark bands
Ink, by share of text set in it
83.2%
9%
83.2%
#000000
body and headings
9%
#212121
emphasis
4.8%
#777777
secondary
3%
#ffffff
reversed on dark
Imagery, by share of the page it covers
37.7% photograph, the rest is surface
Typography
sans-serif · everything
mrs-eaves
sans-serif · accent
mrs-eaves-roman-all-small-ca
of all text on the page
100% serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- mrs-eaves-roman-all-small-ca 18px / 400
- Color
- rgb(255, 255, 255) on #000000, painted over #f4f3ef
- Shape
- 0px radius, 320 by 40px
- Label
- center, rebuild matched the photograph at 1
Product card
- Grid
- 4 across, 315px wide
- Image
- 0.8 : 1 crop, contain
Size and color
J
M
P
Size selector
- Control
- radio list with text labels, 3 values
- Label
- Size
- Type
- mrs-eaves 15px / 400
- Cell
- 8 by 24px, 29px apart
- Chosen
- 1px underline, #000000
- On load
- one is already chosen
The email sign up popup
Email capture
- Placement
- lower right, 463 x 237
- Asks for
- email, a consent tick
- Offers
- 10% off
- Shown on
- both
- Dismissible
- yes