Love44
Curated by Love44's Head of Prompt Engineering. Every prompt here has shipped a real app.
← All resources
Before / After UI03 / 10

Buttons are where products die

Hover over the right side.

Default
Designed
Follow-up prompt

"Buttons look default. Rebuild: primary CTA is solid white-on-dark (or solid dark-on-light), 10px radius, 13px vertical / 26px horizontal padding, weight 700. Include a → arrow that slides 4px right on hover. On hover: button shifts to accent colour with a 2px upward translation and a soft shadow. Easing: cubic-bezier(0.16, 1, 0.3, 1), duration 300ms. Add a secondary ghost button next to it — transparent background, 1px border in rgba(255,255,255,0.12), same dimensions, used for 'learn more' actions."

Why: The button is the most-touched object on the page. If it feels default, the product feels default. Hover, lift, accent shift, and arrow motion together signal "designed" in under 300ms.