The request
“The CTA button on the product template needs to stand out. Then we need a secondary button style for things like Compare and Wishlist so they don't compete with Buy.”
Every button looked the same, so nothing stood out.
The approach
We defined two button styles: a bold primary for add-to-cart and checkout, and a quieter secondary for supporting actions. Both are available as options in the theme editor so the brand applies them consistently.
What we shipped
Primary button style for buy actions
Secondary button style for supporting actions
Both available in the theme editor
Applied across product, cart, and checkout