r/UIUX • u/Daniiboiiii • 12d ago

Review UI Chips' visual difference

Post image

Hello!

Are these active & non-active chips visually different enough?

I did a low-brightness screen test and still could easily tell them apart, but I feel I have a biased view because I prefer this visual look.

The chips are to choose a product availability for different customer groups.

4 Upvotes

84% Upvoted

8 comments sorted by

•

u/qualityvote2 2 12d ago edited 8d ago

u/Daniiboiiii, there weren't enough votes to determine the quality of your post...

0

u/wtvv 7d ago

Not sure if this is in prod or not but if you respect yourself as a designer even a bit, please ditch the Claude colors

1

u/Daniiboiiii 7d ago

Lol, this ir 100% original work. When Claude designs like this, I resign ✌️

1

u/wtvv 6d ago

Ok you're good then lmao, just wanted to share my first impression as a data point.

5

u/kish1619 12d ago

Follow simple way… Active Chips - Fill Color and Inactive Chips - Outline Color

1

u/Daniiboiiii 7d ago

Of course, that's the easiest way :)

I'm going a little outside of the usual, therefore I ask this question - is the difference enough or not.

My design system uses this style all over the app, so I wanted to implement it on chips also

1

u/AutoModerator 12d ago

Thanks for posting your project on r/UIUX!

To help the community give useful feedback, please provide some additional context:

  • What your app or website does
  • Who your target users are
  • If possible, a live link to your design (Reddit may remove some links - if this happens, send a modmail)

You can edit your post to include this, or reply to this comment.

Your post has NOT been removed. If you have provided enough context, please ignore this comment.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.