品牌

如何使用我们的 Logo

名称

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

Logo

ESLint 的 Logo 可以放置在各种背景上,前提是它具有足够的垂直和水平填充。

将间隙内六边形的尺寸加倍,可以大致了解 Logo 与文字标识以及 Logo 本身周围应留有多少空间。

我们的 Logo 具有多种用途 - 您可以在各种品牌颜色上使用它,并在非白色背景上使用不透明度来模拟较浅的颜色。ESLint 的 Logo 标识也可以单独使用,虽然尽可能建议同时使用 Logo 标识和文字标识。

颜色方案

ESLint 的颜色方案可以通过与文案和 Logo 一样强大的方式来表达我们的品牌。它们不仅会影响我们的设计外观,甚至可以唤起情感并反映 ESLint 品牌的个性。

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

  • 主色 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