今天,我们发布 Xcity 全新的视觉识别系统——以及一套完全以它为地基重建的首页。这不是一层新漆,而是一套系统:一小组克制而刻意的颜色、字体与规则,贯穿我们交付的每一个触点——从营销站,到仪表盘,再到终端。
以下是我们改了什么,以及为什么。
不是又一次 AI 品牌换皮
2024–2025 年,整个行业集体换血——而大多数都收敛到了同一批温暖渐变、圆润柔软的消费级 SaaS 观感。我们反其道而行。Xcity 不是消费 App,而是 AI 原生经济的基础设施。它的识别应当像那个世界的一张公民身份证,而不是又一道紫色渐变。
所以新系统建立在克制之上。深空黑承担绝大部分工作。颜色稀少,且每一次出现都有含义。
两轴四色
色板沿两条轴展开:
- 文明轴 —— 从深空黑到国玺金(
#C8A45A)。承载国家:大标题、印玺、行动号召。 - 技术轴 —— 从电子青(
#00D4FF)到档案白(#F1EFEA)。承载机器:代码、数据、指标、文档。
黑色锚定每个界面约 60%。金与青只在小而关键之处出现。档案白留给那些应当读起来像一份印刷文件的时刻。
三栈字体,三种声量
- 衬线大标题(Playfair Display · Noto Serif SC)——用于宣言、标题与数字。
- 无衬线 UI(Inter · Noto Sans SC)——用于产品、正文与按钮。
- 等宽数据(IBM Plex Mono)——用于标签、元数据与终端。
衬线是人们第一眼会注意到的部分。这是一个刻意的信号:智识,而非喧嚣。
标志
Xcity 的标志是一个 X——读作交汇,而非否定:一条金色经线(文明)与一条电子青纬线(技术)相交,交叉处即 Xcity。它建立在 1px 网格之上,从 favicon 到发布会背板都能成立;它还能动:两线相向滑入,中心点亮,释放一道径向脉冲。
一套建立在系统之上的首页
新首页把这套系统付诸实践。Hero 在衬线大标题背后跑着一层实时 WebGL 极光——动效只出现在值得吸引注意的地方,其余处处克制。往下,整个站点围绕你真正来 Xcity 要做的三件事组织:
- 服务 —— 一个 OpenAI 兼容 API 直连 50+ 模型,外加自主智能体、对话与桌面客户端。虚拟密钥、硬性预算、计量。
- 智能体市场 —— 发现、运行并发布 MCP 原生的无服务器智能体,按次计费。
- 支付 —— 银行卡(Stripe)、链上(Coinbase Commerce),以及机器原生的 x402 稳定币结算。
想了解这一切背后的故事,还有一个全新的 我们的不同 页面。
克制即立场
品牌,是一组关于「你不做什么」的决定。不做彩虹渐变。不用硅谷信任蓝。不去借用那个所有人都已经长成的样子。剩下的东西更安静,我们认为也更严肃——一套我们可以长期在其上构建的系统。
这是 v1。它会持续演进,但地基——两轴、三声、标志、克制——如今已在全站就位。