← The UX Guide Vol. 1: Luxury Ecommerce
beauty · not disclosed ·
Officine Universelle Buly
Officine Universelle Buly sells perfumes, oils and skincare in an apothecary format, reviving the name of the 19th century Paris perfumer Jean-Vincent Bully. LVMH bought the house in 2021.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
98.3%
98.3%
#ffffff
page
0.9%
#0d4225
secondary surface
0.8%
#121212
dark bands
Ink, by share of text set in it
55.3%
31.2%
55.3%
#121212
body and headings
31.2%
#000000
emphasis
6.4%
#bf0000
emphasis
4.3%
#ffffff
reversed on dark
2.8%
#c1171a
emphasis
Imagery, by share of the page it covers
28.4% photograph, the rest is surface
Typography
serif · everything
Caslon Universelle
sans-serif · accent
Ari Clean
of all text on the page
86% serif14% sans-serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- Ari Clean 9px / 400 / 1px tracking
- Color
- rgb(246, 246, 246) on #0c4223, painted over #ffffff
- Shape
- 0px radius, 281 by 47px
- Label
- center, rebuild matched the photograph at 0.864
Product card
- Grid
- 4 across, 335px wide
- Image
- 1 : 1 crop, cover
Size and color
La Benjamine
La Cadette
L'Aînée
Size selector
- Control
- radio list with text labels, 3 values
- Label
- Taille
- Type
- Ari Clean 9px / 700
- Cell
- 150 by 40px, 15px apart
- Chosen
- border 1px solid rgb(13, 66, 37) (unselected 1px solid rgb(221, 221, 221))
- On load
- one is already chosen