"I'm McLovin' It"
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
From brief
Topics
Share
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
You might also like

Project
🧡 Empathy Map
So I decided to treat this challenge as a chance to try to prove what an evidence-driven empathy map actually looks like with an LLM. UX Art

Project
Redesigning KickBrain: Trivia Mobile Game
Overview — The Thirty Second ChallengeThe Thirty Second Challenge began as a YouTube football trivia show and quickly became a cultural hit.

Project
Monday.com Color System
This project presents a redesigned, fully structured Color System for Monday.com with the goal of establishing a modern, minimal, and functi

Project
Vantyx | Tech-fashion landing page
This project focused on designing a landing page for Vantyx, a fictional future-fashion brand that merges technology with high-end apparel.

Project
Design Workshop Plan: FinTrack App
Project OverviewThis project outlines a strategic, 3.5-hour design workshop for "FinTrack," a mobile expense tracking app. The goal is to gu

Project
iOS A11Y Signup Flow for SaaS Platform
This project is an accessible iOS signup flow. It includes three simple screens: a splash screen, a signup screen, and a login screen. My go
Visual Design Courses
Course
UX Design Foundations
Learn the essentials of UX design to build a strong foundation in core principles. Gain practical skills to support product development and create better user experiences.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.









