品牌

如何使用我们的徽标

名称

使用 ESLint 时,必须大写 E、S 和 L,因为 “ES” 代表 ECMAScript,而 “L” 是 “Lint” 一词的开头。

徽标

ESLint 徽标可以放置在各种背景上,前提是它具有足够的垂直和水平边距。

将间隙形成的内部六边形的大小加倍,以了解徽标在徽标和文字标记之间以及徽标本身周围应留有多少空间。

我们的徽标用途广泛 - 您可以在各种品牌颜色上使用它,在非白色背景上使用不透明度来模拟较浅的颜色。 ESLint 标志也可以单独使用,无需 ESLint 文字标记,尽管在可能的情况下,最好两者都使用。

调色板

ESLint 的调色板可以像文案和徽标一样有力地表达我们的品牌。它们不仅影响我们设计的外观,而且可以深入到引发情感并反映 ESLint 品牌的个性。

主要的“品牌”颜色用于所有交互元素,例如按钮、链接、输入等。它源自我们的徽标。我们使用两种现有颜色来创建独特的原色调范围。

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