品牌
如何使用我们的 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