Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

beauty · not disclosed ·

Sulwhasoo

The Sulwhasoo 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 24.9 percent of the page, typeset in Theinhardt, NotoSans.

The pages

desktop1440 x 900

Sulwhasoo homepage on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Homepage
Sulwhasoo collection: collection on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Collection: Collection
Sulwhasoo product page on desktop, not disclosed luxury beauty storefront captured at 1440 x 900
Product page

mobile390 x 844

Sulwhasoo homepage on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Homepage
Sulwhasoo collection: collection on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Collection: Collection
Sulwhasoo product page on mobile, not disclosed luxury beauty storefront captured at 390 x 844
Product page

Palette

Surfaces, by share of painted area

76.2%
13.1%
76.2% #ffffff page
13.1% #eeeeee panels and cards
5.3% #ede5dd secondary surface
3.8% #ededed panels and cards
0.9% #fbfbfa panels and cards
0.3% #efefef panels and cards

Ink, by share of text set in it

24.1%
21%
15.5%
15.3%
11.5%
24.1% #767676 body and headings
21% #444444 emphasis
15.5% #000000 emphasis
15.3% #222222 emphasis
11.5% #333333 emphasis
7.5% #ffffff reversed on dark

Imagery, by share of the page it covers

24.9% photograph, the rest is surface

Typography

sans-serif · everything

Theinhardt

sans-serif · accent

NotoSans

of all text on the page

100% sans-serif