← → 翻页 · ESC 索引
Xcity Studio · VI Research
Vol.01 · 2026.06
Internal Brief · 视觉识别研究

AI 时代的
视觉语言

Visual Identity in the Age of AI

调研九家领先 AI 公司的品牌识别系统,提炼共性, 回答一个问题——Xcity 该长成什么样?

Xcity Brand Studio·Research × Proposal·2026.06.17
一份关于品牌、克制与立场的思考
— 2026 —
Why Now · 为什么是现在
Act 0 · 02 / 18
The Reset

2024–2025,AI 品牌集体换血。

不是巧合,是一次行业级的视觉清算——告别硅谷信任蓝,重新定义"智能"的样子。

Brand Refresh
8
两年内完成品牌升级
Custom Typefaces
5
自研字体取代 Inter
Aesthetic Camps
4
温暖 / 渐变 / 单色 / 编辑
Cold Blue Used
10%
"硅谷蓝"几乎绝迹
Radial Marks
6
星芒/曼陀罗成新通货
Serif Returns
3
衬线回归=智识信号
Source · 品牌官网、BrandNew、官方设计博客
Page 02 · 行业重置
Act I · 业界扫描
Act I · 03 / 18
Act I

业界扫描

九家公司、四种调性、一组共性——先看清别人在做什么。

第一幕引子 · The Industry Survey
— · —
The Field · 全景
Act I · 04 / 18
The Field

九家公司,一张地图。

OpenAI
Quiet Intelligence · 安静的智识
Anthropic / Claude
Humanist Scholar · 人文学者
Google · Gemini
Magical Optimism · 魔法乐观
Mistral AI
European Pixel · 欧洲像素
xAI · Grok
Monochrome Stance · 单色姿态
Meta AI
Soft Futurism · 软未来主义
Perplexity
Answer Engine · 编辑部美学
Cohere
Enterprise Warmth · 商务暖色
Midjourney
The Work Is the Brand · 画廊
九家代表性 AI 公司 · 色块为品牌主色取样
Page 04 · 全景
Case 01 · OpenAI
Act I · 05 / 18
Case 01 · OpenAI

安静的
智识。

2025 重塑——抛弃科幻符号,转向出版社般的克制。 自研 OpenAI Sans,纯黑印在暖纸白上,留白比例像 Harvard Review。

· OpenAI Sans (custom 2025)
· Söhne Mono · 代码
· Paper #FAFAF7 + Ink #000000
· Blossom 六瓣曼陀罗
"把未来感留给产品,
品牌只负责安静。"
— Brand Direction · 2025
Blossom Mark · 钛金留白
Page 05 · OpenAI · "Publishing House" Brand
Quiet Intelligence
Case 02 · Anthropic
Act I · 06 / 18
Case 02 · Anthropic / Claude

人文
学者。

故意避开 AI 行业的冷蓝。用赭石、象牙、手绘墨水插画—— 姿态是大学出版社,不是创业公司。Claude 衬线 wordmark 是"慢思考"信号。

· Styrene A · 显示字体
· Tiempos 衬线 · Claude wordmark
· Clay #CC785C + Ivory #F0EEE6
· 八芒星 / 手绘墨水插画
"Care, not capability."
关怀,而不是能力。
— Brand Philosophy
Sunburst Mark · 赭石 + 象牙
Page 06 · Anthropic · "University Press" Brand
Humanist Scholarship
Case 03 · 渐变阵营
Act I · 07 / 18
Camp A · The Gradient

魔法乐观主义。

虹色渐变 + 3D 玻璃 + 闪烁星芒——"AI 是魔法"在消费端的视觉答案。

Google · Gemini

蓝 → 紫 → 粉 → 琥珀

  • 四芒星已成"AI 生成"通用符号
  • Google Sans · 圆润几何
  • 明亮、消费、可被儿童识别
Meta AI

蓝 → 紫 → 洋红

  • 无限环 (∞) · 流动的液态金属
  • Meta Sans · 社交基因
  • 温和未来主义 vs xAI 的硬
Page 07 · 渐变阵营 · Consumer AI
Iridescent Optimism
Case 04 · 单色阵营
Act I · 08 / 18
Camp B · The Monochrome

用单色作为立场。

只有黑与白——剔除所有装饰,让"严肃"本身成为风格。

xAI · Grok

布鲁塔尔主义 X 标

  • 反叛、棱角、全大写
  • 不要任何 accent 色
  • 用"刻意减法"挑衅同类
Midjourney

画廊式的克制

  • 品牌只是画廊的"门框"
  • 颜色全部交给生成图像
  • The work is the brand
Page 08 · 单色阵营 · Stance Brands
Monochrome As Position
Case 05 · 编辑部 / 暖企业
Act I · 09 / 18
Camp C · The Editorial / The Warm

像杂志一样可信。

衬线 + 注脚 + 出处——编辑部的版式语言,把"答案引擎"包装成"档案"。

Perplexity

青瓷 + 米白 · 衬线

  • FK Display 衬线 + Söhne
  • 引用编号成视觉主角
  • The Atlantic > Chatbot
Cohere

珊瑚 + 深梅

  • To-B 也可以温暖
  • 创始人形象 = 品牌资产
  • 对抗"硬核工具"刻板印象
Page 09 · 编辑部美学 · Editorial Camp
Credibility By Layout
Patterns · 共性
Act I · 10 / 18
Patterns · 八条共性

扫描完一圈,能提炼八条。

Color & Type · 色彩与字体
01
远离冷蓝
温色 / 渐变 / 单色 / 编辑——没人再用硅谷信任蓝
02
自研字体
OpenAI Sans / Meta Sans / Styrene——Inter 不够用了
03
衬线回归
Anthropic · Perplexity · OpenAI 编辑面——衬线 = 智识
04
主色单极化
一个主色 + 纸白/墨黑——抛弃旧式多色 brand kit
Mark & Motion · 符号与动效
05
径向符号
星芒、曼陀罗、四瓣——成为"AI 思考中"的通用图形
06
符号即动效
logo 一开始就为"动"而设计,静态 lockup 是副产品
07
人物代图
研究员肖像 / 手绘插画 取代 stock-tech 摄影
08
文化身份
Mistral 法国 · Cohere 多伦多——色彩里藏地缘立场
Page 10 · 八条共性规律
Industry Patterns
Act II · 轮到 Xcity
Act II · 11 / 18
Act II

轮到我们。

看清别人之后,回答自己—— Xcity 不是 OpenAI 的子集,也不是 Mistral 的山寨。

第二幕引子 · Xcity's Turn
— · —
The Now · 现状盘点
Act II · 12 / 18
The Now

我们已经
有了骨架。

网页与终端用深空黑 · 国玺金 · 电子青——SpaceX × Bloomberg × NYT 大字头的混血。 但 logo 仍停留在彩环时代,跟数字面有明显断层。

· Inter / JetBrains Mono
· 半径 2–8px · 锐利不圆润
· 90 字号大屏排版
· logo: 彩环图标 + XCITY 金色字
"数字共和国的视觉
不是科幻 UI,是宣言体。"
— Xcity Brand Intent
Xcity 横版 · 暗底金字
Xcity 横版 · 浅底铜字
Xcity 彩环图标
现行三件套
暗 / 浅 / 图标
Page 12 · Xcity 现状
The Existing Skeleton
The Stance · 我们的立场
Act II · 13 / 18
The Manifesto · 视觉宣言
不是科技公司的 视觉演习—— 是数字共和国的 公民身份证。

Not a tech-company brand exercise.
A passport for the digital republic.

Xcity Brand Studio·2026.06·v1.0
Page 13 · 立场语录
— Statement —
Color System · 色彩
Act II · 14 / 18
Proposal 01 · Color

两轴四色,立场即色谱。

文明轴(黑 ↔ 金)承载国家、机构、宣言; 技术轴(青 ↔ 纸白)承载代码、数据、产品。

Primary · 主
深空黑
#000000
底色、政治、严肃 · 占比 60%
Civic · 文明
国玺金
#C8A45A
国家、UBA、CTA · 占比 15%
Tech · 技术
电子青
#00D4FF
AI、代码、数据 · 占比 15%
Paper · 纸面
档案白
#F1EFEA
编辑面、长文、文档 · 占比 10%

禁用:紫粉渐变、彩虹色谱、Stripe 紫——任何让 Xcity 看起来像消费 SaaS 的颜色。

Page 14 · 色彩系统
Two Axes · Four Colors
Type System · 字体
Act II · 15 / 18
Proposal 02 · Typography

三栈字体,三种声量。

宣言用衬线 · 产品用无衬线 · 数据用等宽—— 声量从大到小,刚好对应宪法、白皮书、终端日志。

01 · Display Serif
Xcity
数字共和国
Source Serif 4
Noto Serif SC
宣言 · 大标题 · 引文
02 · UI Sans
Xcity
数字共和国
Inter (variable)
Noto Sans SC
UI · 正文 · 按钮
03 · Data Mono
Xcity
0xCT_1024
IBM Plex Mono
JetBrains Mono
代码 · 元数据 · 仪表盘

原则:一页内不超过两栈混用;中英混排时英文字号比中文小 8%,避免视觉跳脱。

Page 15 · 字体系统
Three Stacks · Three Voices
Mark & Motion · 符号与动效
Act II · 16 / 18
Proposal 03 · Mark

X 是十字路口,不是禁令。

把 X 当作交汇点:金属经线(文明)× 青电纬线(技术),交叉处即 Xcity—— 可静、可动、可拆解、可作图章。

XCITY · MARK · 概念
01 · 几何法则
两线相交 · 1px 网格
金线 45° 上升 · 青线 45° 下降 · 中心 6px 节点。所有变体都从这个原型导出。
02 · 动效 · Motion
交叉脉冲 · 0.8s loop
两线相向滑入 → 在中心点亮 → 释放径向脉冲。用于产品加载、AI 思考、CTA 唤起。
03 · 应用规则
最小 16px · 必留留白
禁止描边、禁止渐变、禁止与其他符号叠放;周边留白 ≥ 标志高度 1/2。
Page 16 · 标志与动效
Mark · Motion · Rules
Application · 跨场景落地
Act II · 17 / 18
Application · 落地图

同一套语言,七种产品形态。

Surface · 用户表面
01
官网首页
深空黑底 · 金标 hero · NYT 大字头
02
仪表盘
Bloomberg 终端美学 · 电子青数据
03
文档站
档案白底 · 衬线大标题 · 等宽代码
04
移动 App
深底浅字 · 金色 CTA · 极简 chrome
Materials · 物料 & 触点
05
通知 / 邮件
档案白 + 国玺金签章 · 衬线开头
06
SDK / CLI
深空黑终端 · 电子青提示 · ASCII 图章
07
发布会 / 演讲
90vw 衬线大标题 · 一句话一帧的政治宣言节奏
Page 17 · 应用落地
One System · Many Surfaces
Closing · 收束
End · 18 / 18
The Takeaway

不要做又一个 AI 公司的样子—— 做一个国家。

色彩、字体、符号、动效都已经摆在那里, 下一步是把它们焊死成宪章,跨所有触点落地。

Xcity Brand Studio·VI Draft v1.0·2026.06.17
End · 谢谢
— End —