品牌
如何使用我们的图标
名称
在提及 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