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

The goal was to build a color system tailored for a productivity tool that supports productivity and clarity. I chose ToggleTrack as the base and briefly re-designed the web version of it.

In the following slides you’ll discover:

Primary colors — for buttons, key actions, and highlighted states;

Secondary colors — to distinguish different types of time entries, projects, or workspaces;

Neutral colors — to form the foundation of the interface;

System colors — to communicate status and feedback.

I verified contrast using WCAG standards to ensure readability, especially for key interactive elements and text.

Tools used

Figma

From brief

Topics

Share

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

Reviews

1 review


Beautiful work Oleksandra! Well done on verifying contrast compliance. The colors fit perfectly on both light and dark mode. Nothing seems to clash and I appreciate your words on the thought process behind this project.


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