品牌

如何使用我们的图标

名称

在提及 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