Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

Bianca Saunders

The Bianca Saunders 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 Inter, Arial.

The pages

desktop1440 x 900

Bianca Saunders homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Bianca Saunders collection: sale on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: Sale
Bianca Saunders product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Bianca Saunders homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Bianca Saunders collection: sale on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: Sale
Bianca Saunders product page on mobile, Shopify luxury fashion 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

95.8%
95.8% #000000 body and headings
4.2% #ffffff reversed on dark

Typography

sans-serif · everything

Inter

sans-serif · accent

Arial

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Add to cart
Type
Inter 15px / 300 / 1px tracking
Color
rgb(0, 0, 0) on rgb(255, 255, 255)
Shape
0px radius, 0px 30px padding, 57px tall
Width
440px as rendered