DEV Community

dilsemonk
dilsemonk

Posted on • Edited on

Attempt #4 - Interactive Decision Card

For my fourth widget, I designed a decision card that engages users with three choices, encouraging them to commit to deliberate practice.

UX Highlights:

  • Visual Hierarchy: The bold "Hello!" grabs attention, guiding users to the content.
  • Interactivity: A smooth hover effect (hover:scale-105 transition-transform duration-700) adds subtle dynamism.
  • Clear CTA: The primary action is highlighted with a distinct blue button, directing user focus.
  • Consistent Layout: Spacing and padding ensure the content is clean and easy to navigate.

Image description

Check out the code here.

More widgets coming soon as I continue refining my UI skills!

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay