Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

leather goods · Shopify ·

Shinola

The Shinola 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 18.1 percent of the page, typeset in AkzidenzGroteskBE, AkzidenzGroteskMCDN.

The pages

desktop1440 x 900

Shinola homepage on desktop, Shopify luxury leather goods storefront captured at 1440 x 900
Homepage
Shinola collection: $250 & under on desktop, Shopify luxury leather goods storefront captured at 1440 x 900
Collection: $250 & Under
Shinola product page on desktop, Shopify luxury leather goods storefront captured at 1440 x 900
Product page

mobile390 x 844

Shinola homepage on mobile, Shopify luxury leather goods storefront captured at 390 x 844
Homepage
Shinola collection: $250 & under on mobile, Shopify luxury leather goods storefront captured at 390 x 844
Collection: $250 & Under
Shinola product page on mobile, Shopify luxury leather goods storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

77.4%
20.9%
77.4% #ffffff page
20.9% #eae5db secondary surface
1.1% #121212 dark bands
0.3% #000000 dark bands
0.2% #f7f7f7 panels and cards

Ink, by share of text set in it

71.9%
15.5%
11.2%
71.9% #121212 body and headings
15.5% #000000 emphasis
11.2% #696969 secondary
1.3% #ffffff reversed on dark

Imagery, by share of the page it covers

18.1% photograph, the rest is surface

Typography

sans-serif · everything

AkzidenzGroteskBE

sans-serif · accent

AkzidenzGroteskMCDN

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Add to cart
Type
AkzidenzGroteskBE 15px / 400 / capitalize
Color
rgb(255, 255, 255) on rgb(18, 18, 18)
Shape
0px radius, 13px 32px padding, 47px tall
Width
454px as rendered