January 6, 2025
Color System for Productivity Tool: Design Brief
Source: The best way to learn UX/UI design. (n.d.). Retrieved from https://app.uxcel.com/design-briefs/color-palette
Develop your skills in creating a color system that resonates with your audience and effectively communicates the product’s message.
Design Scenario
You are a UI designer for a digital work management tool. Your team is reimagining the brand image, aiming to create a fresher look that sets the tool apart from competitors.
Design Task
Your design task is to complete the following:
- Select a work management platform and the device type for your design.
- Display primary, secondary, tertiary, neutral, and system colors in your color system.
- Outline brand principles reflected by the color system.
- Detail emotions targeted by the colors.
- Confirm WCAG color contrast compliance.
- Show color usage in branding and UI elements.
- Use the provided color system templates to showcase your work.
- Offer a comprehensive explanation of your design decisions.
Instructions
Read the instructions to ensure your submission receives maximum visibility.
- You can edit your project at any time.
- Remember to share your submission with your community. The more reviews and views it receives, the quicker it will be seen by Uxcel Mentors.
- After submitting your project, consider reviewing others’ projects. This can enhance your project’s discoverability.
- Ensure you only submit your own work.
Evaluation criteria
Your project will be evaluated using the following criteria:
- Visual design — Do designs effectively engage the user through strategic use of color, typography, and imagery?
- Accessibility — Does the design comply with the WCAG’s requirements and is accessible to all users? Is the design inclusive to all users regardless of their background, race, age, gender, and ethnicity?
- Presentation — How effectively is the work presented, including the templates provided, the formatting of the copy, the links shared, and the explanation of the design rationale?
Example
Color Palette for Clickup – A Project Management Tool
• • •