Color System
Reviews
3 reviews
Few things to consider:
- The yellow system color is not optimal looking at UI examples. Can be closer to pure yellow.
- On the UI presentation, would be great to see a more complete screen example of how all color combinations work together. Now its a bit hard to understand.
I agree with everything Gene says. I would add that it would be ideal for you to show how your colors work in the WCAG section (not just explain what it is, but also display the scores obtained with the chosen colors; this will help reinforce why you have chosen those colors).
Overall, nice work! Keep going 💪
Under WCAG compliances 2.1, as you have already mentioned color contract affects in improving the readability, but here the colors you have used are not the good examples as they are not passing the ratio defined for AA,AAA. And to check that either you can use figma plugin or can check on this website "accessible web"
11 Claps
Average 3.7 by 3 people
You might also like
Project
Checkout Flow for Shoe E-Commerce Platform
Project ContextFor this assignment, I designed an e-commerce shoe platform focused on its checkout flow. The goal was to address common indu
Project
Homepage Dark Mode
The AI Hub: Your Productivity AI Marketplace’ by ACCESSTRADE VN is a platform that connects AI Agents — in other words, artificial intellige
Project
Finovo - FinTech Mobile Application
Finovo is a smart fintech platform designed to simplify money management for small businesses and individuals. It brings all your finances i
Project
MindfullNest Workshop
Product: MindfulNest mindful app Device Type: Mobile Phone & Tablet Workshop members: 10 - Designers, Engineers, PMs, Leadership Workshop ty
Project
Pet Store App UI Design
Welcome to Aleef, your ultimate destination for all your pet care needs! Our project focuses on creating an intuitive and visually appealing
Project
Café website landing page
Project summary A single-page landing site for The Café designed to communicate a warm, handcrafted brand and drive two main actions: Reserv
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.