标志使用规范

造物云标志由两部分组成：标记（Mark）与字标（Wordmark）。标记是一颗由三个菱形面拼成的等距立方／晶体，承载两个品牌词——“造物”（一个物被构建出来）与“晶体”（会折光的精工感）；外层白色圆角超椭圆底板是它的承托面，不是可选装饰，与宝石是一个整体。字标为衬线“造物云”三字。

晶体三面

顶面 #CE99FF · 右面 #AF59FF · 左面 #8501FF

承托底板

白色超椭圆圆角方 #FFFFFF（深底自带边界；浅底改用承托阴影，见 06）

画布

32 × 32 viewBox，标记主体居中，四周留有出血余量

字体

衬线（Songti / Source Han Serif 系），字标为定制描边路径，非系统字现排

三种合规组合，按场景择一使用。横向组合为默认主组合；空间狭长或居中场景用竖向组合；图标位、favicon、App 图标等只放单标记。组合内部的比例与间距是固定的，不可各自缩放。

比例锁定：横向组合中，字标视高固定为标记的 0.62 倍、图字间距 10px（标记 40px 时）。整组缩放时三者等比变化，不可单独拉伸字标或标记。详见第 07 节。

标志四周必须留出最小空白，任何文字、图形、边界、其他标志都不得侵入。安全距定义为 X = 标记高度的 1/4，上下左右各留 1X。空间越大越好，但不可小于 1X。

小于最小尺寸，晶体三面会糊成一团、字标不可读。下列为允许的最小呈现尺寸；低于此值请改用更简的形式（如组合降为单标记）。

单标记 · 屏幕

≥ 20px

单标记 · 印刷

≥ 8mm

横向组合 · 屏幕

整体高 ≥ 24px

横向组合 · 印刷

整体高 ≥ 10mm

favicon

16 / 32 / 48px 用专门简化的单标记，去掉发丝描边

标志有四个合规配色版本。优先用品牌全彩；纯色印刷或单色场景用墨色／反白单色版；大面积品牌紫底用反白版。任何情况下三个面之间的明度顺序（顶亮、左深）必须保留。

色值

点击任意色块复制色值。强调色 #7B80FF／#3535B5 用于界面文字与控件，标志本体的紫只用上面三面的固定值，不要用强调色替换晶体面色。

核心原则——不拆标志。深、浅、紫各种背景都用同一枚完整标志（白底板 + 紫晶体）；浅底只是多给整枚标志加一层承托阴影 + 0.5px 发丝描边，把整张圆角卡片抬离底色，标志本身始终完整。标志文件不变，浅色场景由页面样式补这层阴影。

一句话：深、浅、紫都用同一枚完整标志；浅底加承托阴影 + 发丝边，绝不为了适配浅底而扔掉白底板、只留半颗宝石——那样标志就散架了。背景越花，越要先给标志一块干净的承托区。

横向组合里，图标当主、文字当注脚。字标视高 = 标记视高 × 0.62，图字间距随尺寸等比。字标与标记几乎等高会让组合显“胖”、重心压在字上——这是常见错误。

标记视高

28–40px（顶栏常用）

字标视高

标记 × 0.62

图字间距

标记 40px 时 10px，随尺寸等比

字标取色

currentColor——深底浅字、浅底深字自动切换

动画落在两个品牌词上——“造物”=被构建出来、“晶体”=会折光，而不是随便旋转。标准组合：载入跑一次 结晶造物（三面错位飞入拼成立方），常驻 切面流光（高光绕三面缓行，极淡），鼠标悬停叠加 3D 侧倾。全部遵循 prefers-reduced-motion，系统开启“减少动态”时降级为静态。

现场演示 · 推荐组合

A 结晶造物（载入一次）＋ B 切面流光（常驻）＋ C 悬停 3D 侧倾，三者叠加的成品。点按钮重放或开关，悬停标志看侧倾；右上角切到浅色页可验证浅底承托。

完整对照与现场参数调试在 标志实验室 →。落地时把动画逻辑封进 brand.js，各页用 <span class="mkslot"> 一行复用。

同一枚标志放进真实场景看它怎么工作——图标位、网页、印刷、周边。每个场景都从前面的规范长出来：小尺寸用单标记、浅底加承托、单色印刷走墨色镂空版、深紫场景用反白。下面均为示意排版，非最终物料。

小尺寸 · 图标位

大尺寸 · 网页 · 印刷 · 启动

一句话：场景再多，标志只有一枚——按尺寸与底色在四个配色版本里择一，不重绘、不拆解。需要新物料按这套排版套用即可。

以下是标志的红线。下方示例均为反例，请勿照做。

官方矢量源文件。请勿自行重绘、转描或截图位图使用。需要其他格式（PDF / EPS / PNG @2x）请向品牌负责人索取。

字标为 currentColor 单路径，置入时用 CSS color 控制颜色即可自动适配深浅背景。标记的浅底承托阴影、明暗切换、微动画逻辑统一收在站点 brand.js，本规范页与 design-system.html 的 #logo 段为单一可信来源。