SHARE.DEV Cloud

中文

Brand Identity

品牌

构成 share.dev cloud 外观的要素。本页列出的数值不是说明,而是 产品实际在用的值。如果本页与产品不一致,那是本页错了。

用于媒体或合作材料时,请遵守本页规范。如需变体,请先联系 devops@share.dev

字标

基本形

SHARE.DEV Cloud

域名以大写锁定为标识Cloud 是描述词,因此后退一步。 只有中间那个点使用强调色。

字体Source Code Pro — 用等宽排。这个产品的屏幕有一半是地址和 标识符,字标用同一副面孔,一眼就能看出这里处理的是什么
字距大写部分 0.12em — 大写字母本身间距偏窄,不加处理 会显得挤在一起
字重域名 600 · Cloud 400
最小尺寸96px。再小那个点就消失了,字标就变成了普通文字 — 这种场合请改用图标
留白四周留出 SHARE 中 S 的高度

小尺寸 — 页眉与页脚使用的大小

SHARE.DEV Cloud

SHARE.DEV Cloud

颜色

浅色与深色界面各有自己的取值。下面的色块显示的是该数值本身,与您 当前所处的主题无关。

强调色

代表品牌的颜色。用于链接、按钮和字标中的点。不要用它铺大面积 — 强调只有稀少时才成其为强调。

Accent#0b5fff
Accent · 深色#6aa5ff

中性色

文字与线条。用四个层级建立层次,不再增加其他灰色。

Foreground#111418
Dim#6b727d
Faint#99a0aa
Rule#c7ccd4
Line#e2e5ea
Background#ffffff
Surface#f5f6f8
Foreground · 深色#e8ebf0
Dim · 深色#99a1ac
Faint · 深色#6d747f
Rule · 深色#3a414b
Line · 深色#22262d
Background · 深色#0e1013
Surface · 深色#0b0d10

状态色

我们从不只用颜色表示状态。一定会配上文字或符号 — 对分辨不出色相 的人,界面也必须说同样的话。

正常#1e8449
注意#8a6100
错误#c0392b
正常 · 深色#4ade80
注意 · 深色#e5be6a
错误 · 深色#ff7a70

第二强调色

仅用于运维工具,目的是让客户界面与运维界面一眼可辨,因此不用于对外材料。

运维工具#6d28d9
运维工具 · 深色#a78bfa

字体

SUIT · 正文与界面 — 400 / 600

我们自己搭建并运维云基础设施

Regular 400 · The quick brown fox jumps over the lazy dog · 0123456789

Source Code Pro · 地址与标识符 — 400

203.0.113.24 / 10.0.0.0/24

c4.8 · 2026-08-13T09:41:02Z · 0123456789

SUIT韩文与拉丁字母出自同一套设计,混排时大小、字重和基线都不会 晃动。用两套字体时,像 服务器 c4.8 这样的行里,拉丁部分会显得偏小
Source Code Pro用于需要对齐阅读的内容 — 地址、容量、时间戳。 字标也使用这套字体
破折号韩文正文使用 (U+2015)。SUIT 没有 em dash (U+2014),一旦使用,只有那一个字符会掉到后备字体,字重就对不上了
许可两者均采用 SIL Open Font License 1.1 — SUIT © 2022 Sun · Source Code Pro © Adobe
后备字体无法加载字体时,回退到系统默认 (-apple-system、Apple SD Gothic Neo、Noto Sans KR)

图标

favicon · 应用图标

share.dev cloud 图标

字标缩到足够小,字母本来就读不出来了。所以图标只保留唯一还读得出来的 东西 — 那个强调色的点。需要在 16px 下也能用的场合,请用它而不是字标。

使用规范

○ 可以

  • 放在与背景对比充分的位置
  • 浅色背景用基本形,深色背景直接用深色取值
  • 四周保留 S 的高度作为留白
  • 等比例缩放

× 不可以

  • 改变字标颜色 — 包括去掉那个点的强调色或换成别的颜色
  • 换字体重新排版 — 不是等宽就不是这个字标
  • 去掉字距让大写字母挤成一团
  • 倾斜、加阴影/描边/渐变、竖排
  • 单方向拉伸或压缩
  • 没有对比的照片上叠加
  • 与其他 logo 并置成一个组合标识

下载

字标与图标是 ShareDev 的资产。您可以原样使用它们来指代本公司及本服务, 但不得用于暗示赞助、合作或认证关系。字体各自遵循 OFL 1.1。