ESLint v8.x 于 2024-10-05 结束生命周期,不再维护。 升级 或考虑 长期支持选项

品牌

如何使用我们的徽标

名称

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