Balance between color tips
I am using 60-30-10 rule, well trying to use.
60 -> #141414 / dark gray
30 -> #212121 / lighter dark gray
10 -> #fd700 / gold
There is only navigation bar. The hover color #3b3b3b and the bottom of the nav bar profile background is #2e2e2e.
The primary 60 and secondary 30, hover, profile background feels fine. I know the accent color which is gold should be used only for 10% of the page but I feel like the gold color is too strong or just a poor choice of accent color.
This is codepen since I do not mind sharing it.
https://codepen.io/LCSNeo/pen/VwggLRO
6 Replies
I think there's too much gold, I'd do maybe only the top "cube" in gold, and the others in white(ish) and I'd remove the different background on the avatar icon.
I"ve also notices that you're doing this in some of your
<a>:
hover:[background-color:#3b3b3b]
This can be replaced with:
hover:bg-[#3b3b3b]Thank you a lot. I am also trying to learn tailwind. I just searched here on discord and found out huemint website and after entering my colors the secondary color was mostly used for the text and some page layout elements. I am wondering if the gold color is too much and my secondary color is wrong.
There's no right or wrong. It's art
But also colors are very simple to change quickly so you don't have to worry too much about it rn. Use them as you like, then if something ends up that you don't like it, just chang eit
Thank you. Can you also explain a bit more why you would remove avatar background ?
Idk I just don't like it, i think because it's already disconnected from the other icons being on the bottom. So there's no reason to add a different background color to separate it even more
Thank you.