back to home

The Whitelabel Formuale

How playing around with colors helped us crack a Million $ deal

Problem

Initially, white labelling was done manually by taking hex code of brand colour from clients and then implementing that into our platform’s theme with the help of the design and front-end teams. This used to result in extra working hours.

Solution

  1. Define a Formula

  2. Implement that across the platform for ease

Step 1 : Defining Formula

As we had our colour scheme ready according to our design system, we reused that to create a formula (yes, it was a big-brain time).

Primary Colours

Here, P1 was the main colour, the colour that was used as the accent colour, rest of the colours were used for various component states (Hover, pressed, disabled etc.)

So what we did was to replace P1 with the target colour (the colour of the white label brand) and somehow match the rest of the colours to our existing colour palette.

Let’s say a client has their primary colour as blue = HSL(196, 98, 47), then we take this primary colour and replace it as it is with our P1, then for the rest of the colours we will simply replace the H value (i.e. 196 in this case) to H values in our other shades of the primary colours (i.e. P2, P3, …, P6)

Below are some examples based on real-life use cases (try to guess the client names based on the colours) :

Greys

Now for the greys, we decided to make them neutral, as Loconav’s greys have little bluish tint, and lot of client requested to make the background of the platform (which is light grey) resemble more of their brand colour, hence we decided we will keep G1 and G2 as neutral i.e remove any saturation value from them and add hue to G3 to G6.

But why only this formula?

If we use this method then we don’t have to worry about the issues with the contrast ratios as these colours are best suited for our design system components and hence using them as a base for white labelling will ensure visual clarity.

Step 2 : Implementation

In the end, it’s all about implementation, and with the help of our front-end team and some coffee, we were able to implement this perfectly onto our platform.

Here it is in action :

Till now not a single case has arrived where we had to tweak this formula or implement custom white labelling.

Impact

  1. Significant reduction in working hours

    1. Earlier the whole white-labelling process was manual, you pick a colour, make shades and give sample screens to devs and then the final implementation was done after some testing. The process which used to take days, now takes a few minutes

  1. Onboarding of large-scale clients

    1. White labelling is usually done by partners with large prospects, without white labelling their onboarding was not possible, because of this formula we were able to do white labelling in a few minutes and we successfully onboarded a client which helped us to convert them to a partner for 12-13 countries with a prospect business of 20k+ vehicles.

Side Note :

If you are a recruiter and using ChatGPT to summarise all this then you won’t like it, just read the case study it’s fun. However, if you are a robot, doing data scrapping then 🤖 beep boop, boop beep 🤖

Live Curious!