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

When crafting the new Bitrix24 system, my aim was to infuse it with a palette that exudes freshness and modernity, setting it apart within a sea of similar platforms.

The primary hue I chose was cyan, striking a balance between contemporary appeal and approachability. This was complemented by accents of subdued orange and lavender, injecting vibrancy into the cool green tones of cyan.

Orange serves to temper the intensity of greens and pinks, injecting vitality into the design.

Meanwhile, lavender adds a dash of sophistication to the brand's identity.

Bitrix24 itself champions modern technologies like AI and prioritizes stability for its users, with each color carefully chosen to reflect these values.

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

Reviews

2 reviews


I like the selected colors—they are very unique and seem to complement each other well.

However, the example interface seemed a bit overwhelming with the current application of colors. I would suggest reconsidering not the colors themselves, but how they are applied to elements.

For instance, using the primary color for both a primary clickable elements and for columns (a non-interactive element, if I understood correctly) might be excessive.

I recommend spending more time understanding the roles of primary, secondary, and tertiary colors, and learning how to apply them more effectively.


Great presentation, descriptive insights help explain the rationale behind your design choices. The UI examples are great and very helpful in understanding the brand you chose.

One thing I would go over again is the accessibility of your secondary and tertiary color choices, In the UI example, the burnt sienna shade doesn't quite meet WCAG color contrast requirements with black text in front of it. Ensure that each color's contrast ratio against whatever color you're using for the text is accessible, and this system is great. Overall, good job.


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