September 19, 2017 · Diagramming
How to Save More Time Using Vecta's Color Palette
How can we have a color palette that helps YOU save time? What colors do you use most and what colors can help you to be most productive? A behind the scenes look of how we made the best SVG editor online.
We started by looking at how color palettes in other editors could work for their users. It quickly appears that using pastel colors would be really cool, and make our text appear clear and easily readable. So here is our first attempt:
Little did we know, that not only the palette looks ugly, but we also had to spend an inordinate amount of time trying to adjust to the colors we require, simply because it does not contain commonly used colors. So, we returned to the drawing board, and began to list out what are the possible colors.
In diagramming, colors allow users to show relationships. For example, a darker color may be a header and softer colors may denote data that is related.
It is much clearer in this diagram, that all orange colored items are related, whereas the other color - green denotes another type of data.
Our vision for Vecta is not only to be the best editor, but also to be a productive one, whereby a single click would allow users to select color that is clearly differentiated, to produce clear and beautiful diagrams with minimum effort. Therefore, we chose clearly differentiated color, close to primary, so that we do all the work, and you do not have to do any.
Next we concentrated on how you can produce clear documentation using different colors, that would be easily readable and yet convey different meanings and relationships. We chose light backgrounds, toned so that you can easily use them with a single click.
How about colored text and dark backgrounds? The next 3 colors is great for darker text, lines and backgrounds with light text.
We also wanted that if ever we have a need to select a custom color, we do not want to do it repeatedly, and therefore have provided a large selection of recent colors, and these colors sync across devices, so that the colors you recently used, are available on all your devices.
As we use the color palette more and more, we will continuously find ways to improve and make it more convenient for our users to create beautiful diagrams.
Have a suggestion to make Vecta better? Tell us in the comment section below!
If you have not signup for a Vecta account yet, get your free account now at vecta.io We’d love to know how it help you and your team to communicate more effectively and work more collaboratively!