How to use our logo
ESLint must be written with a capital E, S and L when used, as “ES” stands for ECMAScript and “L” being the start of the word “Lint”.
The ESLint logo can be placed on various backgrounds, provided it has enough vertical and horizontal padding.
Double the size of the inner hexagon created by the gap to get an idea how much space the logo should have between the logo and wordmark, as well as around the logo itself.
Our logo is versatile - you can use it on various brand colours, making use of opacity on non-white backgrounds to emulate the lighter colour. The ESLint logomark can also be used in isolation, without the ESLint wordmark though where possible, using both is preferred.
ESLint’s colour palette can speak to our brand in ways that are every bit as powerful as copy and logos. They not only affect how our design looks, but can go as far as to elicit emotion and reflect the personality of the ESLint brand.
The primary "brand" color is used across all interactive elements such as buttons, links, inputs, etc. It is derived from our logo. We use the two existing colors to create a unique primary tonal range.