← The UX Guide Vol. 1: Luxury Ecommerce
beauty · not disclosed ·
Fenty Beauty
Rihanna launched Fenty Beauty in 2017 with Kendo, the LVMH beauty incubator, opening with a foundation range of 40 shades that pushed the wider cosmetics industry toward broader shade lineups.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
77.6%
10.1%
77.6%
#ffffff
page
10.1%
#000000
dark bands
7.6%
#f5f5f5
panels and cards
4.4%
#2b2727
secondary surface
0.2%
#d8d8d8
accent
Ink, by share of text set in it
49.2%
36.9%
9.4%
49.2%
#2d2929
body and headings
36.9%
#ffffff
reversed on dark
9.4%
#666666
emphasis
2.7%
#000000
emphasis
1.9%
#090a0b
emphasis
Imagery, by share of the page it covers
17.8% photograph, the rest is surface
Typography
sans-serif · everything
Brown
of all text on the page
100% sans-serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- Brown 12px / 400 / 0.3px tracking / uppercase
- Color
- rgb(255, 255, 255) on #000000, painted over #ffffff
- Shape
- 0px radius, 421 by 40px
- Label
- center, rebuild matched the photograph at 1
Product card
- Grid
- 23 across, 284px wide
- Image
- 0.8 : 1 crop, cover
Size and color
standard
mini
Size selector
- Control
- radio list with text labels, 2 values
- Label
- Size
- Type
- Brown 16px / 400
- Cell
- 254 by 63px, 10px apart
- Chosen
- border 1px solid rgb(45, 41, 41) (unselected 1px solid rgb(216, 216, 216))
- On load
- one is already chosen