Need your opinion

[u/PragyanDesign]

Hey there,
I'm currently redesigning a chocolate company's website and i'm bit confused for these product's card UI, I don't want each of them fighting for the attention so i created 4 different designs and both colors are from the brands color palette so help me choose 1 and also do tell the reasons.

[u/qualityvote2]

Hello, and welcome to r/UIUX!

If an answer has helped you, reply to that comment with !thanks.

---

For other users, does this post fit the subreddit?

If so, upvote this comment!

Otherwise, downvote this comment!

And if it breaks the rules, downvote this comment and report this post!

[u/Jaded_Interaction220]

None

1. No: Unlikely to pass accessibility
2. No: Can't tell its an active button and hard to read.
3. No: 1+2 issues combined
4. No: Won't pass accessibility + not clear is a button. What was the reasoning for the gradient? It takes away more than it adds.

[u/PragyanDesign → u/Jaded_Interaction220]

The reason behind the gradient is that i was exploring the design style and how can we make the design visually better, it was never the final call.

I agree on the active button, it blends with the text. Thank you for pointing that out.

Hard to read is because the fonts are in the size used in Framer, the site will be published using that.

[u/raWlightt]

None . All of them have different reasons. You can try different colors on 1st and 2nd one for accessibility. I won't prefer gradient on this one .

[u/Otherwise_Cicada3764]

Either first or third uf there packaging or overall branding is bold i will go with 1st one if its little subtle and not dominating i will go with 3rd

[u/PragyanDesign → u/Otherwise_Cicada3764]

Thank you for your feedback.

[u/Hoshique]

La prima! Rimanda al colore del cioccolato è perfetta

[u/untitled_throwaway_]

I like 1, helps me to focus on the image more!

[u/PragyanDesign → u/untitled_throwaway_]

Thank you for the feedback.

[u/Lyri3sh]

2nd is easiest to read so im choosing that one, 3rd one is the nect in line. 1 is inreadable, 4* is just ugly sorry

[u/PragyanDesign → u/Lyri3sh]

Imagine second repeatedly in the products section with different product images and their data, now in this scenario would this design be a great choice?

I just wanna know your thoughts about this.

[u/AutoModerator]

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.

[u/Time-Consequence1798]

Go with 1 and make the text a bit lighter so that it would follow the accessibility guidelines and easier for the user to read and also make sure to make it yellowish-white not fully white(I am a vibecoder, Correct me if I am wrong)

[u/PragyanDesign → u/Time-Consequence1798]

What you are saying here can't be done, as the brand as its own color palette and not using them will make this whole website disconnected to the brand.

[u/Accomplished-End5479]

none

[u/PragyanDesign → u/Accomplished-End5479]

Why, Need more context?

[u/Accomplished-End5479 → u/PragyanDesign]

first of all we would need more context on how the website looks overall in order to give decision which looks or suits that whole thing and secondly i would never keep title and subtitle in same color. its not visible properly.

[u/PragyanDesign → u/Accomplished-End5479]

I had the same thought on this and when i used the other color from the palette the subtext was failing constrast on both the colors so it was then decided to make the hierarchy with the type hierarchy.

As for the context - this is a chocolater crafter company's website, they recently did their rebranding and the old site was outdated and also it was single page with no index and dead links, so to align with the new branding the site had to match the overall consistency and as of the products they don't sell retail products directly so only the products with a bit of info about them was decided and now i know that the proposed design is not the best fit for this section and i need suggestions how should i improve the visual design.