Skip to main content

← The UX Guide Vol. 1: Luxury Ecommerce

beauty · not disclosed ·

Amouage

Perfume house based in Muscat, Oman, founded in 1983 under royal patronage, working with frankincense, rose and other regional materials in dense, high-concentration scents.

The pages

desktop1440 x 900

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

mobile390 x 844

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

Palette

Surfaces, by share of painted area

48.1%
29.4%
16.1%
48.1% #ffffff page
29.4% #000000 dark bands
16.1% #eee5da secondary surface
3.5% #f7f4ef panels and cards
2.9% #f3e6dd secondary surface

Ink, by share of text set in it

40.5%
36.8%
15.2%
40.5% #ffffff body and headings
36.8% #000000 emphasis
15.2% #f8f5f0 reversed on dark
7.5% #121212 emphasis

Imagery, by share of the page it covers

12.8% photograph, the rest is surface

Typography

sans-serif · everything

Gotham-Book

sans-serif · accent

Gotham-Light

of all text on the page

100% sans-serif

The icon set

cart
search
account
menu
close

Ecommerce components, rebuilt to spec

Amouage add to cart button photographed on its product page
photographed on amouage.com
Add to cart
Type
Gotham-Medium 15px / 500 / 1px tracking
Color
rgb(255, 255, 255) on #121212, painted over #ffffff
Shape
0px radius, 541 by 60px
Label
center, rebuild matched the photograph at 0.968
Reflection Man EDP 7.5ml Miniature 100ml
Love Delight EDP 7.5ml Miniature 100ml
Boundless EDP 100ml (2025) 100ml
Product card
Grid
4 across, 188px wide
Image
1.42 : 1 crop, cover
Line 1
14px / 500 / uppercase, rgb(18, 18, 18)
Line 2
12px / 400 / lowercase, rgb(18, 18, 18)