Asana Recolor - Color System
In this project, I completely reimagined Asana’s color identity by building a brand-new color system from scratch. The goal was to experiment with a fresh visual direction, introducing bold contrasts and a more expressive palette that changes the overall mood of the interface.
- Primary colors establish the new visual foundation and drive user attention to core actions.
- Secondary colors bring diversity and support classification of tasks and elements.
- Tertiary colors are used to add energy and variation, helping create visual rhythm.
- System colors provide clear functional feedback for alerts, confirmations, and warnings.
- Neutrals structure the layout, ensuring clarity between background, text, and content blocks.
Rather than enhancing the existing brand, the exercise demonstrates how color can transform a product’s identity and perception. By applying the palette across both light and dark modes, the redesign explores how users experience hierarchy, focus, and emotion through color.
Tools used
From brief
Topics
Share
Reviews
0 reviews
This project hasn’t been reviewed yet
Share your expertise with the Uxcel community by providing a review of this project. Not only will you help others, but you will also enhance your leadership skills.
0 Claps
Average 0.0 by 0 people
You might also like

Project
Ithnain Management System
Creating a Design system for a management system for a healthcare app. Starting from understanding main functions for every user type by lis

Project
2 PAY
2Pay Workshop: Building the Future of Cross-Border Transfers

Project
ALT.Studio Color System
The color palette of ALT Studio was developed to reflect the brand’s personality and values. The bright primary colors (Lime Green, Solar Ye

Project
Jeel app website wireframes
Redesigning Jeel website for many Business Goals/ User Needs: Shows what the application is about. What are the benefits users can get from

Project
ShopUs Microcopy
When I designed the push notification microcopy for a shopping platform, my thought process started with keeping it short, clear, and action

Project
VETREATMENT
The design for the VETREATMENT Pet Clinic website uses a calming blue background to convey trust and professionalism, complemented by green
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.