Why the 60-30-10 Rule is RUINING Your UI Designs
54.1K views · 2026-01-08
UI DesignInteraction & UX
Learn UI/UX design with Zero To Mastery and get 10% off: FRIENDS10
Full web design course: https://links.zerotomastery.io/uiuxdesigncp-kolejain-jan2026
UI/UX bootcamp: https://links.zerotomastery.io/uiuxdesign-kolejain-jan2026
Free UI/UX Cheatsheet: https://zerotomastery.io/cheatsheets/ui-ux-design-cheat-sheet/
In this video we dive into why the 60-30-10 color rule, while great for beginners, doesn't really cover most of the use cases in product design. Instead of go through a 4 layer approach to create UI designs that feel like polished products, not an amateur website.
Enjoying the content? Subscribe for more!
@KoleJain
Figma files:
https://www.kolejain.com/resources?scrollTo=software-colors
Timestamps:
0:00 Intro
0:27 Layer 1
2:11 Layer 2
4:34 Layer 3
5:39 Layer 4
Full web design course: https://links.zerotomastery.io/uiuxdesigncp-kolejain-jan2026
UI/UX bootcamp: https://links.zerotomastery.io/uiuxdesign-kolejain-jan2026
Free UI/UX Cheatsheet: https://zerotomastery.io/cheatsheets/ui-ux-design-cheat-sheet/
In this video we dive into why the 60-30-10 color rule, while great for beginners, doesn't really cover most of the use cases in product design. Instead of go through a 4 layer approach to create UI designs that feel like polished products, not an amateur website.
Enjoying the content? Subscribe for more!
@KoleJain
Figma files:
https://www.kolejain.com/resources?scrollTo=software-colors
Timestamps:
0:00 Intro
0:27 Layer 1
2:11 Layer 2
4:34 Layer 3
5:39 Layer 4