<?xml version="1.0" encoding="utf-8"?>
Open full project

For this design brief, I developed a comprehensive color system for Miro’s UI, ensuring clarity, accessibility, and brand consistency across the platform.

Tools used

Figma

From brief

Topics

Share

Share your insights — leave a project review and help others grow their skills

Reviews

6 reviews


Hey Angel,

I had the pleasure of reviewing your submission and wanted to share some feedback:

Your theme and visual representation are both intuitive and visually striking. The way you categorized the colors and explained the emotions behind them is spot on and easy to understand. Additionally, highlighting the WCAG guidelines with a clear visual explanation is commendable.

Overall, I truly enjoyed reviewing your project and look forward to seeing more of your work in the future. Keep up the great work and continue bringing your passion to your designs!


Nice Miro Color System Exercise! The palette feels well-balanced and functional, with a good mix of neutrals and accents. The contrast between colors looks thoughtful. Maybe adding some context on usage (like primary vs. secondary colors) could make it even more insightful, but overall, great job!


Great work on the color system for Miro!

Ensuring clarity, accessibility, and brand consistency is important. Check that contrast levels meet accessibility standards for better readability.

Make sure the colors work well in different UI elements and maintain a balanced look. Testing in real scenarios will help refine the system.

Keep improving—it’s a strong foundation!


I really like the minimalism and the presentation is really clean. I like the idea and will give this a go myself. Thank you for the inspiration!


I really liked the minimal presentation and crisp supporting text in each slide.

I do feel that there should have been more UI components to see all the colours in action.


Great one :)


35 Claps
Average 3.9 by 9 people
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>