← The UX Guide Vol. 1: Luxury Ecommerce
fashion · Shopify ·
Baum und Pferdgarten
Copenhagen womenswear house founded in 1999 by Rikke Baumgarten and Helle Hestehave, whose surnames make up the name, known for print, color and a playful reading of Danish design.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
86.9%
12%
86.9%
#ffffff
page
12%
#0f0f0f
dark bands
0.8%
#e9e9e6
secondary surface
0.3%
#e4e4e4
secondary surface
Ink, by share of text set in it
70%
20%
70%
#0f0f0f
body and headings
20%
#656565
emphasis
7.9%
#000000
emphasis
2.1%
#ffffff
reversed on dark
Imagery, by share of the page it covers
57.9% photograph, the rest is surface
Typography
sans-serif · everything
neue-haas-grotesk-text
sans-serif · accent
neue-haas-grotesk-display
of all text on the page
100% sans-serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- neue-haas-grotesk-display 13px / 400 / 0.13px tracking / uppercase
- Color
- rgb(255, 255, 255) on #0e0e0e, painted over #ffffff
- Shape
- 0px radius, 450 by 48px
- Label
- left, rebuild matched the photograph at 0.99
Product card
- Grid
- 176 across, 719px wide
Size and color
S
M
L
Size selector
- Control
- span cells, 3 values
- Label
- Size
- Type
- neue-haas-grotesk-text 12px / 400
- Cell
- 8 by 20px, 103px apart
- Chosen
- nothing marked as chosen
- On load
- nothing is chosen
Color selector
- Control
- links to sibling products, 12 swatches
- Swatch
- tall rectangle, 27 by 39px, 12px apart
- Chosen
- 142x22px underline bar, #0f0f0f