← The UX Guide Vol. 1: Luxury Ecommerce
beauty · Shopify ·
Philosophy
American skincare line started in 1996 by Cristina Carlino, built around the Purity Made Simple cleanser and the Hope in a Jar moisturizer, and recognizable for its lowercase label copy.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
77.7%
12.3%
8.2%
77.7%
#ffffff
page
12.3%
#f9f9f9
panels and cards
8.2%
#f0dddf
secondary surface
1.7%
#000000
dark bands
Ink, by share of text set in it
84.6%
9.7%
84.6%
#000000
body and headings
9.7%
#747474
secondary
5.5%
#ffffff
reversed on dark
0.2%
#888888
secondary
Imagery, by share of the page it covers
33.7% photograph, the rest is surface
Typography
serif · everything
Adobe Garamond Pro
sans-serif · accent
Gill Sans MT
of all text on the page
64% serif36% sans-serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- Gill Sans MT 12px / 600 / 1px tracking / uppercase
- Color
- rgb(255, 255, 255) on #000000, painted over #ffffff
- Shape
- 0px radius, 164 by 38px
- Label
- center, rebuild matched the photograph at 0.958
Size and color
4oz
16oz
Size selector
- Control
- buttons, 2 values
- Label
- Size
- Type
- Gill Sans MT 12px / 600
- Cell
- 75 by 38px, 10px apart
- Chosen
- filled #888888 (unselected #f5f5f5)
- On load
- one is already chosen