← The UX Guide for Luxury Ecommerce Vol. 1
jewelry · Shopify ·
Repossi
The Repossi storefront measured page by page: homepage, collection and product at desktop and mobile, every color weighted by the share of the page it paints, with photography covering 41.9 percent of the page, typeset in UniversLTStd.
The pages
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
Ecommerce components, rebuilt to spec
Serti sur Vide hoop earring set
.cls-1{fill:none;stroke:currentC
.cls-1{fill:none;stroke:currentC
More colors
Show less
Serti sur Vide hoop earring set
.cls-1{fill:none;stroke:currentC
.cls-1{fill:none;stroke:currentC
More colors
Show less
Serti sur Vide hoop earring set
.cls-1{fill:none;stroke:currentC
.cls-1{fill:none;stroke:currentC
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
- 13px / 400, rgb(0, 0, 0)
- Line 3
- 13px / 400, rgb(0, 0, 0)
- Line 4
- 12px / 400, rgb(123, 123, 123)
- Line 5
- 12px / 400, rgb(123, 123, 123)