Branding

Como usar nossa marca

Nome

ESLint deve ser escrito com as letras "E", "S" e "L" maiúsculas quando usadas, dado que as letras "ES" representam ECMAScript e a letra "L" é a inicial da palavra "Lint".

Marca

A marca ESLint pode ser aplicada em várias cores de fundo, desde que tenha espaçamento vertical e horizontal suficientes.

Duplique o tamanho do hexágono interno criado pelo espaçamento para ter uma ideia de quanto espaço a marca deve ter entre a marca e o logotipo, bem como ao redor da própria marca.

Nossa marca é versátil - você pode aplicá-la em várias cores, usando a opacidade de cores de fundo não brancos para emular uma cor mais clara. A marca ESLint também pode ser usada isoladamente, sem o logotipo. Entretanto, a utilização de ambos é preferível.

Paleta de cores

A paleta de cores do ESLint fala de nossa marca de maneiras quase tão poderosas quanto logotipos e marcas. Ela não só afeta nosso design como pode provocar emoções e refletir a personalidade da marca ESLint.

A cor primária da marca é usada em todos os elementos interativos como botões, links, inputs, etc. É derivada de nosso logo. Nós usamos duas cores existentes para criar uma gama tonal primária singular.

  • Primário 25 #FBFBFF
  • Primário 50 #F6F6FE
  • Primário 100 #ECECFD
  • Primário 200 #DEDEFF
  • Primário 300 #CCCCFA
  • Primário 400 #B7B7FF
  • Primário 500 #A0A0F5
  • Primário 600 #8080F2
  • Primário 700 #6358D4
  • Primário 800 #4B32C3
  • Primário 900 #341BAB
  • Branco #FFFFFF
  • Neutro 25 #FCFCFD
  • Neutro 50 #F9FAFB
  • Neutro 100 #F2F4F7
  • Neutro 200 #E4E7EC
  • Neutro 300 #D0D5DD
  • Neutro 400 #98A2B3
  • Neutro 500 #667085
  • Neutro 600 #475467
  • Neutro 700 #344054
  • Neutro 800 #1D2939
  • Neutro 900 #101828