I'm creating a feature to select profile badge – how might I best showcase the selected state?

enter image description here

2 Answers 2


Due to the diversity of colors and similar shapes, I would opt for a detail with contrasting shape and style (outlined):

enter image description here

  • Thanks, Dan for your suggestion. What about about the on-load state? Should the selected option be scrolled to the first? 🤔
    – Benzowin
    Sep 20, 2023 at 2:12
  • This is another question 😉
    – Danielillo
    Sep 20, 2023 at 6:29
  • 1
    thanks Dan, i've asked another question & used the mock up you provided & credited you. appreciate it. ux.stackexchange.com/questions/148780/…
    – Benzowin
    Sep 20, 2023 at 7:18

To enhance the visual impact, consider making the stroke a bit more prominent while keeping the overall simplicity intact. or ad a check mark inside the circle enter image description here

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.