Which button do you actually want people to press? Same hero, same two actions. The only thing I ...Which button do you actually want people to press? Same hero, same two actions. The only thing I ...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Taste Test
Create your own
Serge's avatar
Innovative Web Agency logo
Serge Herasymchuk
max
• 9h
Which button do you actually want people to press?
Same hero, same two actions. The only thing I changed is their weight, and that alone decides where the eye lands.
1 – Two primaries. Both buttons solid amber. Looks confident, reads as a tie - and the visitor has to break it.
2 – One primary, one quiet. "Book your stay" stays solid; "Explore cabins" drops to a ghost. Now there's a clear first move and a calm backup.
Hierarchy isn't about adding emphasis - it's about turning one thing down so the other can lead.
Do you give the main CTA a clear winner, or keep the options equal?
Web DesignFigma
Option 1
Option 2

22 votes

Ends in 1d

Emanuele's avatar
Emanuele Di Cecca
• 5h
Hi Serge! I prefer option 2 because the visual imbalance between a filled button and an outlined one creates the perfect contrast to guide the user. The filled button instantly grabs attention for the primary action, which naturally draws the eye to the adjacent one as well. In...
Nazar's avatar
Yasno Design Agency logo
Nazar Koliano
pro
• 4h
one solid one ghost, every time
Samuel's avatar
Samuel Olasunkanmi
• 1h
Option 2 looks better that way, one solid other transparent
Godwin's avatar
Godwin John
pro
• 1h
clear winner all the time
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started