Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

jewelry · Shopify ·

Fabergé

The Fabergé storefront measured page by page: homepage, collection and product at desktop and mobile, every color weighted by the share of the page it paints, typeset in FuturaPT, GardaNovaTwo.

The pages

desktop1440 x 900

Fabergé homepage on desktop, Shopify luxury jewelry storefront captured at 1440 x 900
Homepage
Fabergé collection: all on desktop, Shopify luxury jewelry storefront captured at 1440 x 900
Collection: All
Fabergé product page on desktop, Shopify luxury jewelry storefront captured at 1440 x 900
Product page

mobile390 x 844

Fabergé homepage on mobile, Shopify luxury jewelry storefront captured at 390 x 844
Homepage
Fabergé collection: all on mobile, Shopify luxury jewelry storefront captured at 390 x 844
Collection: All
Fabergé product page on mobile, Shopify luxury jewelry storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

100%
100% #ffffff page

Ink, by share of text set in it

45%
32%
11.9%
45% #1a1a1a body and headings
32% #000000 emphasis
11.9% #666666 emphasis
7.9% #696969 secondary
3.2% #6b6b6b secondary

Typography

sans-serif · everything

FuturaPT

sans-serif · accent

GardaNovaTwo

of all text on the page

92% sans-serif8% serif

Ecommerce components, rebuilt to spec

Add to cart
Type
FuturaPT 14px / 400 / 0.6px tracking / capitalize
Color
rgb(255, 255, 255) on rgb(26, 26, 26)
Shape
0px radius, 0px 32px padding, 48px tall
Width
438px as rendered