02标志
标志
图形标志即应用图标:一个圆角矩形通过连接线与一个圆形和另一个矩形相连。可与文字标志组合为横排或竖排组合标志使用。
留白与尺寸
标志四周的留白应等于图形标志高度的一半。横排标志的宽度不要小于 120 px,图形标志不要小于 16 px;小于 32 px 时,请使用简化的网站图标版本。
请不要
- 使用四种变体以外的颜色重新着色。
- 拉伸、旋转标志,或添加阴影、发光等效果。
- 用其他字体设置文字标志,或用文本重新拼出文字标志。
- 将全彩标志放在杂乱的照片或深蓝色背景上;这种情况请使用白色反白版本。
03颜色
颜色
蓝色负责表达,白色负责留出呼吸感。网站上的每一组文字颜色搭配都符合 WCAG 2.2 AA 标准。
- blue-500
#2A7BF0 - blue-600
#1E66E0 - blue-650
#1B5BD9 - blue-700
#1A5FD6 - blue-800
#1857CC
- sky-400
#5FA0F2 - sky-500
#4C90EC - sky-300
#8CBEF5 - sky-200
#B9DBFB - sky-150
#C9DCF6 - sky-100
#DCEAFC
- ink-900
#0F2A5C - ink-700
#34496E - ink-500
#556887 - ink-300
#A3B2C9
- line
#D6E4F7 - surface-2
#F1F6FE - surface-1
#F7FAFF - canvas
#FAFBFD - white
#FFFFFF - offset-shadow
#E3EDFB
- success-700
#17734A - warning-700
#8A5300 - danger-700
#B42A2A - info-700
#1857CC
04字体
字体
标题使用 Bricolage Grotesque,正文和界面使用 Geist,代码和标签使用 Geist Mono。三者均采用 SIL OFL 1.1 许可证。
Bricolage Grotesque · 700
画好图表。
Geist · 400 / 500 / 600
Larrygram 是一款使用 Rust 编写的免费开源绘图应用。它可以打开、编辑和保存 Visio .vsdx 绘图,界面布局也是你熟悉的样子。
Geist Mono · 400
larrygram-cli render drawing.vsdx --out page.svg
05插图
插图
扁平的几何形状,使用两种蓝色,由带空心环形端口的连接线相连。每个形状的右下角都有一道硬边高光。原创插图由 Janet Jeffus 使用 VectorCraft 创作。
06文风
文风
平实、自信、具体。句子简短。先说读者能得到什么。不用夸张的词语,不用感叹号。
07使用
使用
你可以使用这些文件来指代 Larrygram,例如用于文章、演讲和链接预览。请不要用它们暗示 Larrygram 为你或你的产品背书。
Visio 和 Microsoft 365 是 Microsoft Corporation 的商标。Larrygram 与 Microsoft 无关联,也未获得 Microsoft 的认可。