标志
Emailable 徽标既可以是带有 Emailable 文字标识的完整徽标,也可以是图标,每种徽标都有自己的颜色变化和使用情况。请遵守以下使用指南。
首选背景:
-
白色 -
石板 50
首选背景:
首选背景:
-
白色 -
石板 50
首选背景:
首选背景:
首选背景:
-
白色 -
石板 50
首选背景:
做:
-
在徽标与其他元素或文件边缘之间留出足够的空间(以徽标中的字母 "e "作为安全距离)
-
根据背景使用正确的变体(见上文)
不要
-
以未经批准的方式更改徽标。这包括但不限于:改变颜色、改变比例、应用风格效果(如发光、阴影、模糊、描边等)。
-
将徽标放在难以看到文字标志或任何图标颜色的背景上
颜色
用于设计/品牌推广的 Emailable 官方调色板和背景渐变色。有关与排版一起使用的颜色,请参阅字体颜色。
调色板
-
小学
-
石板
-
红色
-
橙色
-
黄色
-
绿色
-
青色
-
蓝色
-
紫红色
梯度
所有渐变都是径向渐变,形状为圆形。它们的原点位于其包含形状的顶部和右侧边缘的 20%,并向左下角对角延伸(见下图)。
排版
Emailable 的官方字体和排版风格指南,包括各种界面元素的字体重量和颜色用法。
字体
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
~`!@#$%^&*()_+-=,./<>?:;'"|\{}[]
-
常规 400
默认权重。用于正文、说明等。
-
中型 500
用于某些链接和标签。
-
半黑体 600
用于纽扣、徽章、小标题和某些数字。
-
粗体 700
用于标题、强调和活动状态。
字体颜色
除非另有说明,否则颜色均适用于浅色背景。在深色模式下会发生变化的颜色,会列出其对应的深色模式颜色。
常规
-
石板 800
标题、标签、突出显示的文本以及活动状态的默认文本颜色。
深色模式: 白色 -
石板 600
正文或次要内容。
深色模式: 石板 300 -
石板 500
输入框占位符文本、中性徽章、二级菜单文本,以及深色背景上的非活动标签页。
-
石板 300
非活动标签页。
深色模式: 石板 500 -
白色
深色背景上的标题、标签、醒目文本和活动状态。
-
小学 500
用于文本链接、处于活动状态的导航项以及某些小标题的强调色。
-
小学 200
正文或次要文本,置于深色渐变背景上。
状态
其他
-
石板 400
深色模式下的非活动导航项和划线价格。
-
石板 200
深色模式下的内联代码和导航悬停状态。
-
小学 700
文本链接的悬停状态。
深色模式: 小学 300 -
小学 400
深色背景上的章节标签以及工具提示中的链接。
-
小学 300
深色背景上的页脚链接、引用内容和划线价格。
-
小学 800
默认提示框文本。
深色模式: 小学 300 -
蓝色 800
信息提示框文本。
深色模式: 蓝色 300 -
绿色 800
成功提示框文本。
深色模式: 绿色 300 -
红色 700
危险提示框文本和内联错误消息。
深色模式: 红色 300 -
黄色 600
行内警告消息。
-
绿色 600
带勾号的项目符号和积极的标签。