ESLint v8.x end-of-life is 2024-10-05 and will not be maintained after that. Upgrade or consider long-term support options

品牌

如何使用我们的图标

名称

在提及 ESLint 时必须大写 E、S、L,因为 ES 代表 ECMAScript,L 则是单词 Lint 的首字母。

图标

只要有足够的空白,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