What is your take on the gray color?

I generated gray shades, to me it looks cool but I am not sure about it from an expert designer. I just want something new, I am overusing the gray shades of Tailwind
No description
5 Replies
theoriginalandrew
personally I'm a fan of greyscale designs but this doesn't really look grey to me - more of a blue with a black tint on it. A few suggestions I have: - Change the "under review" pill to be a different color, either lighter or darker because its hard to differentiate the border of it with the card. - The yellow color in each card title is a little off-putting and seems out of place at that level because its the only place you have that text color, I'd recommend keeping it bold but using the same color as the body text. - I'd change the "Your Products List" title to be white to match the navigation. Its the first thing you want users to look at before looking at the cards next. - I'd suggest changing the "Edit" buttons to be an outline unless you hover over them. Editing something shouldn't feel like a primary action, so you shouldn't make it very obvious that it is an action, unless it is something the user directly wants to do. - I'd suggest putting more space between the templates list container and the "Your Products List" container to help differentiate the containers. - Something optional: you could change the "+ Add Product" button color to be something more catchy such as white if you want that to be another focus point for users. but if not, keeping it as is is fine.
Ali
Ali2mo ago
Thank you man, you gave me more than I asked for
ἔρως
ἔρως2mo ago
"under review" and the tags need a lot more contrast currently, the background is extremely close to the background outside the element also, if you will have a border for the tags, add some padding, as currently it looks way too cramped there you've limited the width of the content, but not the menu this will be hell to navigate on a 32:10 or 32:9 display
Ali
Ali2mo ago
here what I changed
ἔρως
ἔρως2mo ago
now you have the opposite problem: it steals too much the attention it's way too bright and visible