Trello Color System
In crafting the design system for Trello, I introduced a modern dark theme that foregrounds content, highlighted by a vivid yellow to draw attention to active and interactive elements. Muted purples and creams are thoughtfully implemented to categorize and separate workspaces without visual overload. The design prioritizes accessibility, with high contrast ratios ensuring legibility. This visual approach not only enriches the user interface with clarity but also enhances the overall user engagement with its intuitive navigation.
Reviews
13 reviews
Neatly Presented System. Loved the way You added WCAG systems too!
Good job, Matvei! Selection of colors are well-balanced and easily explained. The inclusion of a UI example is particularly helpful in understanding the rationale behind the design decisions. Keep up the good work!
Matvei, fantastic job! Your color palette selection is well-balanced and thoughtfully explained, aiding understanding of your design choices. The inclusion of UI examples adds valuable context, enhancing clarity. Keep up the great work!
A really nice colour set, and you've also presented it really well. Clean, clear and attractive. I also love the design rationale description with each set, and the demonstration of accessibility with WCAG, as well as the colours in contextual use. Great work!
Yellow is not the most easy color to use, so congrats on the bold choice.
The palette works well, and the work is presented nicely - loved the application example.
If you'd like to take it one step further, I would look into exploring how your primary & secondary colors interact with the system colors.
Keep it up! 🚀
I like it!
Love your color choices! The three main colors work beautifully together. One suggestion would be to add an extra shade to help differentiate the tasks — right now it’s a little hard to see the separation between lists and cards. Thanks for sharing such great work!
You might also like
Fundraising Website
NEWFASHON™ - Landing page
Mobile onboarding flow
MamaFlow
FOURm - Landing Page for High-Conversion Fitness Startup
Fresh Baladi | Real-Time Bakery Alerts App | UI UX Case Study
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
