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

The design approach aimed to create a modern and dynamic colour system for Microsoft Project, prioritising usability and accessibility.

  • Multiple Primary & Secondary Colours: Opted for a wider range of primary and secondary colours compared to traditional palettes. This offers flexibility for users to personalize their workspace based on project needs and priorities.
  • Vivid Accents with Balance: Vibrant colours are used sparingly to highlight critical tasks and maintain visual interest without overwhelming the user. Neutral and light-toned secondary colours provide a professional base and ensure a balanced interface.
  • WCAG Compliance & Accessibility: All colour choices prioritised accessibility. We ensured a minimum contrast ratio of 4.5:1 between text and background colours, adhering to WCAG guidelines for users with visual impairments.
  • Cohesive System for System Colors: System colours for success, warnings, and errors were derived from existing primary colours, maintaining design consistency. They were also adjusted to ensure sufficient contrast with black or white text for clear communication of different message types.

Tools used

Figma

From brief

Topics

Share

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

Reviews

1 review


Your color selections are considerate. Additionally, you elaborate well your design thoughts. Good work.

  • However, it would be nicer to showcase your color system usage in branding and UI elements.

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