I've been waiting, search for so much resources to learn how to define colors. Most of them were vague. This is it, feels like I found the right one. Big fan of your works Adrian. Lots of love.
🎯 Key Takeaways for quick navigation: 00:00 🎨 Creating a well-balanced color palette enhances user experience and establishes brand identity. 00:27 🖌️ Different methods to create color systems based on project size, scope, and complexity. 01:07 🎨 Creating a basic color palette with primary, secondary, neutral, black, and white colors. 02:17 🎨 Organizing color shades and tints for flexibility and design variations. 06:13 🔗 Creating global color styles in Figma for efficient design consistency. 07:50 📝 Documenting color tokens and palettes for handoff and developer communication. 11:20 🌐 Automating color palette generation using Figma plugins for efficiency. 12:53 🛠️ Utilizing Material Theme Builder for automated color system creation. 14:11 🔄 Editing and updating color styles in Figma to maintain design consistency. 15:06 📚 Additional resources and design products for learning and enhancing skills. Made with HARPA AI
Wow honestly this is so valuable for one video I have been confused about ways to create a good color palette but thanks to you and this video I am not again. Thank you so much
Such an Informative Video, search numerous videos on Colors found very usefull. Your video clear all of my doubts. I would also like to see the video on style guide as a follow up.
It will be great to include two or three fonts and show how to make font styles with them in projects when you need different font families. Maybe you can use the tailwind scale and token exports? 🙂
Hi Adrian, Great video to begin with color systems! One thing bugs me a little bit. Basically, my primary color's saturation begins with the value of 80 so when I create color system based on your tutorial, it allows me to change the saturation level only for the next two colors. Is there any rule of thumb which says that a color saturation can not be the same as the previous one? Should I simply decrease the S/L value from 10 to 5 for instance? This is my RGB: #C51617
My dude, now I know why my Android phone only offers me only those ugly-ass pastel toned color schemes... I'll keep my distance from Material Design 3 color system, for sure, god damn I used to have a great dark themed UI with a vibrant orange as accent, I miss that a lot as it's my favorite overall scheme. Now I have this dark theme with this lame-ass baby blue barely bright enough, as the orange tends more to a brown. What a pity