Skip to main content

← The UX Guide for Luxury Ecommerce Vol. 1

Ecommerce Components

A specification is easier to argue with when the thing sits next to ninety others. Each button below is rebuilt from its own measured type, color, radius and padding.

67 add to cart buttons, rebuilt from their measured values and ordered from the roundest corner to the squarest

111Skin 0px radius / 14px / 500
A.P.C. 0px radius / 13px / 500
Agnona 10px radius / 12px / 500
Agolde 0px radius / 15px / 400
Ahluwalia 5px radius / 20px / 500
Alain Mikli 14px radius / 14px / 400
Alighieri 0px radius / 18px / 400
Altuzarra 0px radius / 12px / 400
Ami Paris 0px radius / 12px / 700
Amina Muaddi 0px radius / 13px / 400
Analog Shift 0px radius / 16px / 400
Anita Ko 0px radius / 13px / 700
Antonio Marras 4px radius / 16px / 400
Area 0px radius / 14px / 400
Asprey 4px radius / 12px / 500
Astley Clarke 0px radius / 12px / 400
Aubercy 0px radius / 14px / 700
Augarten 0px radius / 14px / 400
Aurate 1px radius / 12px / 500
Aurelie Bidermann 0px radius / 11px / 400
Away 80px radius / 16px / 500
Balmain 0px radius / 12px / 500
Barena Venezia 0px radius / 13px / 400
Baum und Pferdgarten 0px radius / 13px / 400
Begg x Co 0px radius / 13.008px / 400
Bell & Ross 0px radius / 14px / 700
Bennett Winch 0px radius / 14px / 500
Bianca Saunders 0px radius / 15px / 300
Biologique Recherche 24px radius / 14px / 400
Bode 0px radius / 12px / 400
Boy Smells 100px radius / 14px / 700
Brain Dead 6px radius / 14px / 300
Bruichladdich 4px radius / 12px / 400
Carrera Eyewear 0px radius / 14px / 500
Chantecaille 0px radius / 16px / 300
Diptyque 999px radius / 13.3333px / 400
Dries Van Noten 0px radius / 11px / 500
Fabergé 0px radius / 14px / 400
Fenty Beauty 0px radius / 12px / 400
Greats 0px radius / 16px / 400
Hourglass 0px radius / 14px / 600
Khaite 0px radius / 14px / 400
Kylie Cosmetics 4px radius / 15px / 400
La Prairie 0px radius / 14px / 300
Lab Series 0px radius / 14px / 700
Lancel 0px radius / 13px / 700
Living Proof 30px radius / 14px / 400
Officine Universelle Buly 0px radius / 9px / 400
Oliver Peoples 0px radius / 14px / 400
Oribe 0px radius / 16px / 500
Patou 0px radius / 12px / 400
Persol 0px radius / 14px / 400
Philosophy 0px radius / 12px / 600
Polaroid Eyewear 3px radius / 14px / 500
Proenza Schouler 0px radius / 12px / 900
Remy Martin 8px radius / 11px / 600
Serapian 0px radius / 14px / 400
Shinola 0px radius / 15px / 400
SK-II 0px radius / 14px / 700
Smith Optics 0px radius / 14px / 600
Tatcha 30px radius / 14px / 300
Thom Browne 0px radius / 12px / 400
Viktor&Rolf Fragrance 0px radius / 12px / 400
Vogue Eyewear 3px radius / 16px / 400
Watches of Switzerland 3.35544e+07px radius / 14px / 700
Wedgwood 0px radius / 14px / 400
Woodinville Whiskey 0px radius / 14px / 600