Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

beauty · not disclosed ·

Officine Universelle Buly

The Officine Universelle Buly 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 28.4 percent of the page, typeset in Caslon Universelle, Ari Clean.

The pages

desktop1440 x 900

Officine Universelle Buly homepage on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Homepage
Officine Universelle Buly collection: beauté naturelle on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Collection: Beauté naturelle
Officine Universelle Buly product page on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Product page

mobile390 x 844

Officine Universelle Buly homepage on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Homepage
Officine Universelle Buly collection: beauté naturelle on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Collection: Beauté naturelle
Officine Universelle Buly product page on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Product page

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

Ecommerce components, rebuilt to spec

Add to cart
Type
Ari Clean 9px / 400 / 1px tracking
Color
rgb(246, 246, 246) on rgb(13, 66, 37)
Shape
0px radius, 0px 30px padding, 47px tall
Width
303px as rendered
Product card
Grid
4 across, 335px wide
Image
1 : 1 crop, cover