Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

Amiri

The Amiri 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 16 percent of the page, typeset in Helvetica, helvetica-neue-lt-std-roman.

The pages

desktop1440 x 900

Amiri homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Amiri collection: all sale on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: ALL SALE
Amiri product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Amiri homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage

Palette

Surfaces, by share of painted area

71%
28.5%
71% #ffffff page
28.5% #f0f0f0 panels and cards
0.5% #000000 dark bands

Ink, by share of text set in it

83.7%
16.3%
83.7% #000000 body and headings
16.3% #ffffff reversed on dark

Imagery, by share of the page it covers

16% photograph, the rest is surface

Typography

sans-serif · everything

Helvetica

sans-serif · accent

helvetica-neue-lt-std-roman

of all text on the page

100% sans-serif