Color System - ClickUp
For this project, I chose to update ClickUp's color system to match their branding. The current UI is mostly colorless, so this update adds bits of color to draw the user's eye to important elements.
This presentation covers primary, secondary, tertiary, and system colors that would be implemented throughout the application. An example is provided at the end. Some slides also provide dark mode situations to showcase how the colors do not clash with the separate modes as well as maintaining accessibility standards.
Reviews
Lorem ipsum dolor sit amet consectetur. Pretium pulvinar odio aliquet condimentum suspendisse nibh vel arcu. Bibendum in imperdiet sapien quisque odio gravida. Malesuada aliquet elit egestas placerat amet. Ornare in scelerisque ut gravida amet. Tristique amet amet bibendum enim cursus. In vehicula mauris tincidunt arcu aliquam nunc. Tincidunt vitae netus ante eu et bibendum. Eget amet nibh vel est congue tellus tortor gravida nascetur. Ut vestibulum elit pulvinar netus in ante lectus turpis auctor. Nulla purus morbi adipiscing quisque in sodales aliquet. Ultricies a elit quis metus. Aliquet cras pretium platea lacinia mi et orci volutpat vulputate. Bibendum massa fusce...
You might also like
Project
AniCinema – Anime Ticket Booking Mobile App UI 🎟️✨
OverviewAniCinema is a modern and user-friendly anime ticket booking app designed to provide anime fans with a seamless experience when disc
Project
Walt Disney’s Creative Strategy in Real Estate UX Design
🎯 Final EvaluationThis ideation task explored how to improve the user experience of the real estate platform ImmoScout24 by applying Walt D
Project
Mez - The Messaging App (SmartWatch Interface Exploration)
This is my first exploration or so-called, my take on a message app user interface on a smartwatch. Here is the design rationale behind it:
Project
Medical & Hospital Web Design
CareZF is a premium Webflow template designed for medical and hospital services. It offers a clean and modern design, perfect for showcasing
Project
Car Rental Service Web Design
Zairent is a modern Webflow template for a car rental service business. With its clean design and powerful features, Zairent is the perfect
Project
YourBank- 404 Error Page Design
This 404-error page is designed for YourBank, a financial platform, to provide a user-friendly experience when users land on a non-existent
Visual Design Courses
Course
UX Design Foundations
Master the fundamentals of UX to build a strong foundation in user-centered principles and workflows, helping you contribute effectively to product development and create better user experiences.
Course
Introduction to Figma
Master Figma's core functions from the ground up. Learn essential tools and workflows to streamline collaboration and enhance product development.
Course
Design Terminology
This course is an essential introduction to design terminology for professionals across various fields. Learn key UI/UX, graphic design, and marketing terms to improve collaboration with designers, developers, marketing team, and stakeholders.