Microsoft Project Colour System
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.
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
You might also like

Project
Pulse — Music Streaming App with Accessible Light & Dark Mode
Platform & DeviceFor this project, I designed Pulse, a mobile music streaming application for iOS devices (using the provided mobile templat

Project
Islamic E-Learning Platfrom Dashboard
Visual Language & Color I wanted the interface to feel like a quiet room you'd actually want to sit in and study. The warm neutrals - off-wh
Project
SiteScope - Progress Tracking App
🧩 Project OverviewThis project showcases the design of a mobile login and sign up experience for a construction progress tracking app. The

Project
Mobile Button System
As my first ever ux design attempt, I tried to go with a simplified approach with only a few button types and states. I kept the color palle

Project
FlexPay
The onboarding was designed to reduce financial anxiety, create a sense of instant reward, and encourage early action. Instead of overwhelmi

Project
CJM for Co-Working Space - WeWork
This project presents a customer journey map for WeWork, created to understand the end-to-end experience of a remote professional using a co
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.








