品牌横向 · 源点 / 浅底彩色
lockup-brand-ink.svg
01 / IDENTITY
复杂汇聚，简单呈现。
以一个独立的“源点”和三向连接组成抽象 Y。既表达智能的汇聚与分流，也保留清晰的字母识别。科技感来自精准几何与秩序。
源点 / 源点科技 / YUANDOT。每款均可下载矢量 SVG 和 PNG；除 App 与浏览器图标外，文件背景均透明。深底预览背景不会进入下载文件。
品牌横向 · 源点 / 深底彩色
lockup-brand-white.svg
品牌横向 · 源点 / 纯黑
lockup-brand-black.svg
品牌横向 · 源点 / 纯白
lockup-brand-reverse.svg
公司横向 · 源点科技 / 浅底彩色
lockup-ink.svg
公司横向 · 源点科技 / 深底彩色
lockup-white.svg
公司横向 · 源点科技 / 纯黑
lockup-black.svg
公司横向 · 源点科技 / 纯白
lockup-reverse.svg
中文主导横向 / 浅底彩色
lockup-cn-ink.svg
中文主导横向 / 深底彩色
lockup-cn-white.svg
中文主导横向 / 纯黑
lockup-cn-black.svg
中文主导横向 / 纯白
lockup-cn-reverse.svg
英文横向组合 / 浅底彩色
lockup-en-ink.svg
英文横向组合 / 深底彩色
lockup-en-white.svg
英文横向组合 / 纯黑
lockup-en-black.svg
英文横向组合 / 纯白
lockup-en-reverse.svg
品牌纵向 · 源点 / 浅底彩色
stacked-brand-ink.svg
品牌纵向 · 源点 / 深底彩色
stacked-brand-white.svg
品牌纵向 · 源点 / 纯黑
stacked-brand-black.svg
品牌纵向 · 源点 / 纯白
stacked-brand-reverse.svg
公司纵向 · 源点科技 / 浅底彩色
stacked-company-ink.svg
公司纵向 · 源点科技 / 深底彩色
stacked-company-white.svg
公司纵向 · 源点科技 / 纯黑
stacked-company-black.svg
公司纵向 · 源点科技 / 纯白
stacked-company-reverse.svg
YUANDOT 纯字标 / 浅底彩色
wordmark-ink.svg
YUANDOT 纯字标 / 深底彩色
wordmark-white.svg
YUANDOT 纯字标 / 纯黑
wordmark-black.svg
YUANDOT 纯字标 / 纯白
wordmark-reverse.svg
独立标志 / 深墨蓝
symbol-ink.svg
独立标志 / 电光青
symbol-cyan.svg
独立标志 / 源点蓝
symbol-blue.svg
独立标志 / 玉青
symbol-jade.svg
独立标志 / 纯白
symbol-white.svg
独立标志 / 纯黑
symbol-black.svg
App 图标
app-icon.svg
浏览器图标
favicon.svg
安全空间
四周至少保留标志可见高度的四分之一。不要把边框、文字或按钮贴近标志。
最小尺寸
独立标志最小 24px；中英组合最小宽度 180px。16px 浏览器图标使用专门简化版。
保持比例
不拉伸、不旋转、不添加描边或投影。发光和轨道仅属于背景视觉，不能改变标志本体。
源图经几何重绘与光学校正；交付标识中的中英文字形均已转为路径。图标、英文字标及中英组合分别提供，不依赖终端安装字体。
02 / COLOR SYSTEM
以水为意，以光为形。
深墨蓝表现沉静与深度，电光青表现流动与响应。玉青作为少量水木辅助色。八字仅作传统文化灵感，界面颜色以可读性和功能为准。
深墨蓝 · #07111F
官网背景 / 品牌底色 / 产品侧栏
电光青 · #51DDF5
深色界面的重点与主按钮
源点蓝 · #0757D9
浅色界面的主按钮与链接
玉青 · #89E0D0
少量辅助图形，不作正文色
| 用途 | Token | HEX | RGB |
|---|---|---|---|
| 品牌底色 | ink | ||
| 深底强调 | cyan | ||
| 浅底行动 | blue | ||
| 辅助色 | jade | ||
| 白色 | white | ||
| 单色输出 | black | ||
| 工作区背景 | paper | ||
| 正文 | text | ||
| 辅助文字 | muted | ||
| 浅色边框 | line | ||
| 深底正文 | darkText | ||
| 深底辅助文字 | darkMuted | ||
| 深色边框 | darkLine | ||
| 成功状态 | success | ||
| 待确认状态 | warning | ||
| 错误状态 | error |
品牌展示建议：70% 深墨蓝 / 20% 浅色 / 8% 电光青 / 2% 玉青。日常产品默认采用浅色工作区。电光青不作为白底的小号文字颜色。
浅色工作界面
✓ 已完成◷ 待确认! 需处理↻ 处理中
状态同时通过文字与符号表达，避免仅靠颜色区分。
深色品牌界面
高亮只给需要行动的地方。以清晰的层次代替铺满屏幕的发光效果。
03 / TYPE & SPACING
少一些负担，多一点清晰。
界面使用系统无衬线字体，中、英、俄文与乌兹别克文采用系统回退。品牌字标独立使用已转曲文件，不用正文打字代替。
DISPLAY / 56–72 PX
智能，
从简单开始。
从简单开始。
品牌标题 56–72px / 移动端 36–44px。
中文行高 1.25，减少无意义的字距拉伸。
INTERFACE / 12–28 PX
工作台说说你想做什么辅助说明
页面标题 28px；正文 16px / 1.7；标签 12–14px。
间距按 4、8、12、16、24、32、48、64px 递增。
8 / 控件
14 / 卡片
24 / 容器
交互控件至少 44px 高。动效 180ms；尊重系统减少动态效果设置。
04 / COMPONENTS
一个清楚的下一步。
每个任务聚焦一个主要行动。先让用户说需求，再呈现可核对的结果；涉及外部执行的操作保留明确确认。
行动与输入
标签独立于占位文字；错误说明放在对应输入框下方。
AI 输出与确认
◷ 等你确认
整理本周工作进展
来源：示例任务记录 · 范围：本周
可修改示例内容，不触发外部操作
说明依据、区分事实与建议，让用户能快速判断。
05 / DIGITAL APPLICATIONS
同一个品牌，两种使用场景。
官网用深色和空间感表达技术能力；产品用浅色、留白和对话降低操作负担。以下均为可点击的交互设计原型。