Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

fashion · Shopify ·

Agolde

The Agolde 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 20.6 percent of the page, typeset in trade-gothic-next.

The pages

desktop1440 x 900

Agolde homepage on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Homepage
Agolde collection: "field to fashion": regenerative cotton on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Collection: "Field to Fashion": Regenerative Cotton
Agolde product page on desktop, Shopify luxury fashion storefront captured at 1440 x 900
Product page

mobile390 x 844

Agolde homepage on mobile, Shopify luxury fashion storefront captured at 390 x 844
Homepage
Agolde collection: "field to fashion": regenerative cotton on mobile, Shopify luxury fashion storefront captured at 390 x 844
Collection: "Field to Fashion": Regenerative Cotton
Agolde product page on mobile, Shopify luxury fashion storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

65.4%
31.5%
65.4% #ffffff page
31.5% #1c1b1b dark bands
1.5% #f1f1ef panels and cards
1.4% #231f20 dark bands
0.2% #f5f6f6 panels and cards

Ink, by share of text set in it

68.1%
22.4%
9.4%
68.1% #1c1b1b body and headings
22.4% #ffffff reversed on dark
9.4% #6a6a6a secondary

Imagery, by share of the page it covers

20.6% photograph, the rest is surface

Typography

sans-serif · everything

trade-gothic-next

of all text on the page

100% sans-serif

Ecommerce components, rebuilt to spec

Add to cart
Type
trade-gothic-next 15px / 400 / 1px tracking
Color
rgb(255, 255, 255) on rgb(28, 27, 27)
Shape
0px radius, 0px 30px padding, 49px tall
Width
350px as rendered