← The UX Guide Vol. 1: Luxury Ecommerce
jewelry · not disclosed ·
Boodles
Jeweler whose business dates to 1798 and has stayed in the Wainwright family for generations, headquartered in Liverpool with shops in London and other British cities.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
69.9%
17%
69.9%
#ffffff
page
17%
#fdeff3
panels and cards
5%
#f9e4ea
secondary surface
3.6%
#ececec
panels and cards
1.8%
#000000
dark bands
1.3%
#ded5c9
accent
Ink, by share of text set in it
56.9%
23.2%
14.9%
56.9%
#141414
body and headings
23.2%
#000000
emphasis
14.9%
#ffffff
reversed on dark
4%
#707070
secondary
0.5%
#1f2937
emphasis
0.5%
#7f7f7f
secondary
Imagery, by share of the page it covers
39% photograph, the rest is surface
Typography
serif · everything
Cormorant Garamond
sans-serif · accent
Futura PT
of all text on the page
85% serif15% sans-serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- Futura PT 13px / 400 / 1.8px tracking / uppercase
- Color
- rgb(20, 20, 20) on #f9e4e9, painted over #ffffff
- Shape
- 0px radius, 333 by 70px
- Label
- center, rebuild matched the photograph at 0.975
Product card
- Grid
- 4 across, 319px wide
- Image
- 1 : 1 crop, contain