Designing the right way

To make all of our illustrations, we use Adobe Illustrator.

It’s all about one colour

First you need to choose one color which will be your “dynamic color”, for our gallery we used the hexcolor #68E1FD to match our brand. Every illustrations must use this color or the javascript code won’t work when color picking.

You can of course use other colors as “static colors”.

To achieve the gradient effect, never use gradients. You have to create mask layers, gradiant white or black and play with the opacity.

How to Gradients

Exporting your SVG

When exporting, you have to select Presentation Attributes, we have our SVG code with attributes like fill=“#68e1fd” which will be easily changed with code.