← The UX Guide Vol. 1: Luxury Ecommerce
leather goods · Shopify ·
Shinola
Detroit company founded in 2011 that assembles watches in the city and also sells leather goods, bicycles and audio equipment. Reviving American manufacturing in Detroit is its stated premise.
The pages
desktop1440 x 900
mobile390 x 844
Palette
Surfaces, by share of painted area
77.4%
20.9%
77.4%
#ffffff
page
20.9%
#eae5db
secondary surface
1.1%
#121212
dark bands
0.3%
#000000
dark bands
0.2%
#f7f7f7
panels and cards
Ink, by share of text set in it
71.9%
15.5%
11.2%
71.9%
#121212
body and headings
15.5%
#000000
emphasis
11.2%
#696969
secondary
1.3%
#ffffff
reversed on dark
Imagery, by share of the page it covers
18.1% photograph, the rest is surface
Typography
sans-serif · everything
AkzidenzGroteskBE
sans-serif · accent
AkzidenzGroteskMCDN
of all text on the page
100% sans-serif
The icon set
Ecommerce components, rebuilt to spec
Add to cart
- Type
- AkzidenzGroteskBE 15px / 400 / capitalize
- Color
- rgb(255, 255, 255) on #121212, painted over #ffffff
- Shape
- 0px radius, 454 by 47px
- Label
- center, rebuild matched the photograph at 0.985
Size and color
5
5.5
6
6.5
7
7.5
8
8.5
9
9.5
10
10.5
Size selector
- Control
- radio list with text labels, 15 values
- Label
- Size
- Type
- AkzidenzGroteskBE 12px / 400
- Cell
- 72 by 40px, 4px apart
- Chosen
- filled #121212 (unselected #eae5db)
- On load
- nothing is chosen
The email sign up popup
Email capture
- Placement
- centred centre, 480 x 564
- Asks for
- Offers
- nothing named
- Shown on
- both
- Dismissible
- yes