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 💪
(edited)
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
edX Sign-Up Page Redesign
OverviewThis project focused on improving the accessibility and user experience of the edX sign-up page. The original design had usability a
Project
Beautify Login page WCAG principles
This accessible signup form design follows WCAG principles by ensuring the interface is perceivable, operable, understandable, and robust fo
Project
Design Prioritization Workshop
A structured session to evaluate product ideas, prioritize high-impact features, and define a clear implementation plan.
Project
Sanyahawa - Landing page Design
I designed this with one goal in mind: make creating an account quick and easy Many sign-up pages feel crowded and confusing, so I focused o
Project
Notion Login Page Accessibility Optimization
Overview: This project focused on improving the accessibility and usability of the Notion login page. The original design had several UX and
Project
Healthy Dashboard
well being dashboard
Visual Design Courses
Course
UX Design Foundations
Learn UX design fundamentals and principles that create better products. Build foundational knowledge in design concepts, visual fundamentals, and workflows.
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.