← The UX Guide Vol. 1: Luxury Ecommerce
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.
73 add to cart buttons rebuilt in html, ordered from the roundest corner to the squarest
Each button was photographed on its own product page, then rebuilt here from what the photograph shows: the painted color, the outline, the arrangement of the label, and any separator the markup never reports. Every rebuild is then photographed itself and scored against the original on color, shape and where the ink sits across the button. A rebuild that does not match is withheld, and the photograph stands alone. Type is the one thing that cannot follow, since the houses license their faces.