ui color rule 60 30 10 explained with real product examples https://t.co/hrdY4nGDZo

How to Use the 60-30-10 Rule on UI Design:
A Step-by-Step Guide
One helpful rule in design is the 60-30-10 rule, which can simplify the process and result in a consistent and cohesive look and feel.
Here's how it's done in 6 simple steps ↓
🧵... See more

💎 How to structure color palette
✅ Choose color-specific colors
✅ Define color pairs
🛑 Avoid poetic names (difficult to remember)
✅ Primitives to semantics to components
✅ Test for color contrast (and communicate contrast ratio) https://t.co/tCudiZNcm9
