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

Hey everyone! 👋

This is my first color system project on Uxcel, inspired by McDonald’s classic brand colors. 🍟❤️💛

I designed this in Figma, focusing on how the brand’s primary, secondary, and tertiary colors can work together in a clean, accessible UI system.

I really hope you enjoy checking it out and I’d love to hear your feedback or suggestions!

Thanks so much for taking the time to view my project! 🙏✨

Tools used

Figma
Google Analytics
ChatGPT

From brief

Topics

Share

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

Reviews

1 review


Hello Hsu Labb Wai,

Your project provides a comprehensive colour system based on the McDonald's brand, aiming for a fresh look for a digital work management tool.

The best parts in your project includes

  • You correctly identified and displayed all required colour categories: Primary, Secondary, Tertiary, Neutral (implied by the black/white in Secondary), and System colours (Error, Success, Information, Warning). This shows an organized approach to creating a complete design system.
  • The submission effectively links the colors to emotions and brand principles (e.g., Red for "energy, excitement," Yellow for "happiness, warmth"). This fulfils the requirement to outline the brand principles and targeted emotions.
  • The inclusion of specific WCAG status (AA, AAA) for colour combinations is a strong point, directly addressing the Accessibility criterion.

Areas of improvement:

  • A clearer rationale for why a high-saturation, high-energy palette is suitable for a Work Management Tool over a calmer palette (e.g., blues, greens, or muted tones) that encourages sustained focus.
  • Define the functional role of the Primary Color in the UI. For example, "Primary Red is reserved only for key CTAs (Call to Action) and critical task highlights, while Primary Yellow is used for alerts that require immediate attention but are not errors."
  • Consider introducing 3-5 shades of a tertiary grey (e.g., for backgrounds, secondary text, borders, shadows) is critical for Visual Design in complex UIs. This ensures text readability, differentiates layers, and provides visual hierarchy without relying heavily on the high-energy primary colours.

Amazing start with Uxcel project Hsua!! Looking forward to more submissions from you !!

Have a beautiful day.

(edited)
Thank you for your kind feedback. Wish you the best.

2 Claps
Average 2.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>