AI 设计系统
提取自 AI 产品、模型和研究网站的设计系统：智能助手、模型提供商和 AI 工具。有些把沉静的编辑风格字体排版与温暖的中性配色搭配在一起；另一些则采用开发者产品那种深色、技术感的外观。
此分类中有 4 个 DESIGN.md 示例，来自 Anthropic、Harvey、Paperclip 和 xAI。提取自各网站的公开页面，并非官方品牌规范。刚接触这个格式？请阅读什么是 DESIGN.md。
Anthropic
Anthropic的设计系统风格克制，以排版为核心，由两款定制字体构成：Anthropic Serif 与 Anthropic Sans，搭配温暖的象牙白背景（#faf9f5）。调色板刻意保持极简：近黑色（#141413）置于温暖的米白底色之上，次要文字与边框则采用柔和的石灰色调。大尺寸衬线展示字体确立了编辑式的表达语气，而深色面板区块（近黑背景配象牙白文字）则形成强烈对比。整体美学通过充裕的留白、鲜明的字体对比以及完全不做装饰的处理，传达出知识上的严肃性与以安全为先的使命感。
Harvey
Harvey的设计系统以一套定制的双字体体系为核心：HarveySerifFont用于编辑式的权威感，HarveySansFont用于功能性的清晰度。配色上，暖近黑色（#0f0e0d）的导航栏与象牙白（#fafaf9）的内容区域形成对比。调色板刻意保持单色调，采用由浅到深的暖灰色阶（gray-50至gray-950），不使用任何强调色，传递出适合高风险法律工作所需的可信与克制。层级主要通过表面明暗对比来体现，而非阴影。首页大标题采用72px的大号衬线字体，立刻建立起排版上的权威感；正文与界面元素则使用定制的无衬线字体。间距遵循8px基础网格，并设有命名的间距令牌（xs、sm、md、xl、2xl）。
Paperclip
Paperclip 是一个 AI 智能体管理平台，设计风格大胆，以近黑色（#0a0a0a）背景为主，搭配白色（#ffffff）前景文字，呈现深色画布的视觉效果。首屏以鲜明的多色渐变插画为核心，堆叠的胶囊形状融合了品红、紫罗兰、青绿、橙色和黄色，在深色底面上形成色彩丰富、充满活力的视觉identity。字体采用 Inter Tight 作为标题（紧凑、粗重，字间距偏紧），正文与界面文字使用 Inter，代码与状态信息使用 JetBrains Mono。主要按钮为白色胶囊形按钮，置于深色背景之上。产品界面中通过语义化的绿色（#22c55e）状态系统贯穿展示智能体与任务的运行状态。导航简洁扁平，底部带有一条细微的边框线。
xAI
xAI 的营销网站采用温暖的米白色底色体系，以 --color-ivory（#f9f8f6）和 --color-white（#ffffff）为基础，近黑色 #0a0a0a 作为主要文字色和前景色。字体系统分为三部分：大型展示标题使用 universalSansDisplay，字号 60–72px，字距收紧；正文与界面文案使用 universalSans；代码与终端场景使用 GeistMono。圆角语言以 9999px 的药丸形按钮和标签为主，卡片与输入框则使用 12px 和 6px。层级处理十分克制：卡片使用柔和的多层投影，大部分表面保持扁平。整体调性偏向技术感的高端风格：色彩收敛，留白充足，强烈的等宽代码美学彰显开发者的专业可信度。