万形

万形品牌标识

文字即界面，留白即设计，克制即力量。一枚朱砂印章，承载万形设计的全部灵魂。

Wenxin Design Language · Brand Identity System

品牌哲学

四个关键词定义万形品牌的核心性格

克制 Restrained

设计退居幕后，
让内容成为主角。

温暖 Warm

暖白底色配深炭文字，
避免冷硬纯黑白。

精确 Precise

4px 网格，Major Third
字号阶梯，不留随意。

安静 Quiet

无装饰阴影，无渐变，
用户感受到「顺」而非「炫」。

品牌标识符 ■

全页唯一的几何强调 — 出现越少，力量越大

万形

品牌标识符 ■ 是文心设计语言「点睛之色」原则的具象化。它紧随品牌名出现，全页仅此一处（与 Logo 底座共同构成 Accent ≤ 2 的约束）。在暗色模式下，■ 使用 #C4533E 确保感知亮度一致。

形态
实心方块，使用文心点睛色填充
桌面
8 × 8px
移动端
6 × 6px
动效
呼吸动效：opacity 1 → 0.6 → 1，周期 4s，ease-in-out 循环
位置
紧随品牌名/署名之后，基线对齐
全局
全页唯一，不复制到其他位置

色彩系统

暖土调色板 — 来自泥土、陶器、茶叶、宣纸的自然色彩

#8B3525

砖红 · 朱砂

RGB: rgb(139, 53, 37)

CMYK: C20 M70 Y75 K30

PANTONE 7621 C

点睛强调色 · 全页 ≤ 2 处

暖白

HEX: #F2F0EB

RGB: rgb(242, 240, 235)

CMYK: C3 M3 Y6 K0

首页/展示型背景 · 羊皮纸质感

纯白

HEX: #FFFFFF

RGB: rgb(255, 255, 255)

CMYK: C0 M0 Y0 K0

正文区背景 · Logo 冲压线条

#3A3837

深炭 · 墨色

HEX: #3A3837

RGB: rgb(58, 56, 55)

CMYK: C45 M40 Y40 K65

主文字色 · 非纯黑，带暖调

暖灰

HEX: #888580

RGB: rgb(136, 133, 128)

CMYK: C25 M22 Y22 K35

辅助文字 · 日期/元数据

浅暖灰

HEX: #E5E1DA

CMYK: C5 M5 Y8 K5

边框 · 分隔线

暗色模式映射：暖白底色转为暖暗色 #1A1816，文字转为暖象牙白 #E8E3DC。砖红强调色在暗色模式下使用 #C4533E（通过 OKLCH 保持感知亮度），其余色彩对应映射，非简单反转。

字体系统

衬线优先 — 笔画有起伏、有呼吸，与文心气质吻合

Display · 展示字体 — Lora

文心 Bold 700 · 标题/品牌名
Wenxin Brand Identity Bold 700 · Latin
The quiet power of restraint Regular 400 · Latin

Body · 正文字体 — EB Garamond

The design language is built on the principle that content itself is the most important visual subject. All UI decisions serve one goal: to let the user enter the content most naturally and quietly — without interruption. Regular 400 · 正文
Content-first design philosophy. Semi-bold 600 · 强调
every contact feels smooth, not flashy. Italic 400 · 英文强调

CJK · 中文衬线 — Noto Serif SC

文字即界面，留白即设计 Bold 700 · 中文展示标题
设计语言的核心命题是：内容本身是最重要的视觉主体。所有界面决策服务于同一目标——让用户最自然、最安静地进入内容，而不是被界面打断。 Regular 400 · 中文正文 · 行高 1.85

品牌应用示例

Logo 在名片、信头纸与社交媒体中的规范应用

万形 设计工程师 张明远 设计负责人 mingyuan@wanxing.design wanxing.design +86 10 8888 0000 北京市朝阳区

名片 · 90×54mm

万形 · Wanxing wanxing.design 关于品牌标识使用规范的说明 2026-05-24 · 文心设计语言品牌指南 万形设计 · wanxing.design · contact@wanxing.design · 北京市朝阳区 Wenxin Design Language Brand Identity v1.0

信头纸 · A4

万形 ■ Wenxin Brand Identity 文字即界面，留白即设计 设计语言的核心命题：内容本身是最重要的视觉主体。所有界面决策服务于同一目标——让用户最自然、最安静地进入内容。 ♡ 128 💬 12 ↗ 分享

社交媒体模板 · 1:1

禁止清单

保护品牌标识的一致性 — 以下是不可逾越的底线

Logo 使用禁止事项

  • 禁止透明底座：主 Logo 必须使用 #8B3525 实心底座，不得使用透明背景替代。
  • 禁止使用细线：主 Logo 中严禁 1.5px 线宽，必须使用 2.5px 品牌重量线条。
  • 禁止直角底座：严禁 rx="0"，必须使用 rx="4" 微圆角。
  • 禁止媒体查询变色：主 Logo 不编写 Dark Mode 变色逻辑，红底白线全场景通行。
  • 禁止具象图标：严禁使用 FontAwesome / Lucide 等具象图标库中的图标作为 Logo 核心元素。
  • 禁止拉伸或压缩：Logo 比例不可改变，缩放必须保持等比例。
  • 禁止旋转 Logo。
  • 禁止在 Logo 上添加阴影、描边、渐变等额外效果。
  • 禁止将 Logo 放置在复杂背景上导致不可识别。

色彩使用禁止事项

  • 禁止使用色板之外的色彩作为主色。
  • 禁止使用高饱和冷色调：蓝、绿、紫及高饱和橙均不可出现。
  • 禁止任何渐变色背景。
  • 禁止在印刷中使用 RGB 色值：必须使用 CMYK / PANTONE 对应色值。
  • 禁止砖红作为大面积背景：#8B3525 仅用于 Logo 底座和品牌标识符 ■。

字体使用禁止事项

  • 禁止使用文心字体规范之外的字体：标题用 Lora，正文用 EB Garamond，中文用 Noto Serif SC。
  • 禁止对品牌字体添加描边、阴影、变形等效果。
  • 禁止将显示字体用于正文（反之亦然）。
  • 禁止大段正文居中对齐 — 伤害可读性。
  • 禁止在 Logo 中替换品牌字体。

万形 · Wanxing

文心为唯一设计底座的 OpenCode 设计工程

万形是一个专注于文心（Wenxin）设计语言的 OpenCode 设计工程项目。进入 wanxing 目录后，opencode 自动加载文心设计规范，用户描述需求即可产出 UI。

文心设计语言 · 七个维度

A9

克制之美

设计的力量来自克制而非张扬。无装饰阴影、无渐变。

B9

温暖极简

暖白底色 + 深炭文字。极简但不冰冷。

C9

温暖衬线

衬线优先，舒适行高 ≥1.7 CJK，温暖阅读体验。

D9

暖土调

暖白底 + 砖红/赭石强调，东方自然美学。

E9

温和流动

微妙、呼吸感、水一般的流动。动效像自然界的运动。

F1–F9

九种形态

Web · Mobile · Brand · Print · Presentation · Docs · Poster · Diagram · Report

G2

东亚语境

CJK 排版规范 · 标点挤压 · 避头尾 · Noto Serif SC。

九种正式输出形态

  • F1 · HTML Web响应式网站，暗色模式就绪
  • F2 · Mobile App移动应用适配，平台原生交互
  • F3 · Brand IdentityLogo + 品牌视觉识别系统
  • F4 · Print & Editorial书籍、论文、杂志、Zine 等印刷排版
  • F5 · Presentation幻灯片、演讲、路演、内部汇报
  • F6 · DocumentationAPI 文档、知识库、Wiki、技术手册
  • F7 · Poster & Cover海报、封面、单页强视觉
  • F8 · Diagram架构图、流程图、知识地图
  • F9 · ReportMarkdown → LaTeX → PDF 的研究/策略报告