Generative AI
白色基底、细线分隔与满幅色块。
Microsoft AI
暖白色基底、胶囊形控件与大字排版。
页面以暖白色为基底，搭配深橙色文字。字体采用 Bradford LL、Red Hat Mono。视觉特点包括胶囊形控件、大字排版、紧密字距、扁平表面。适合参考的场景：AI 服务首页、产品演示介绍页。
查看原始网站使用规范
建议采用
- 所有旨在作为编辑内容呈现的文本——正文、标题、展示内容——均使用 Bradford LL；仅将 Red Hat Mono 用于 UI 交互元素：标签、搜索框、切换按钮、页脚。
- 展示文本字号设定在 100-125px 之间，字间距为 -3px 至 -5px。这种激进的负字间距是其标志性特征——若使用默认字间距，文本将显得普通。
- 使用斜体Bradford LL来突出重点（首屏区域中的‘人文主义’字样）。不要使用粗体来制造强调——该系统刻意没有粗体轴线。
- 通过奶油色系的渐变层级（#fef9ed → #f5f0e4 → #fbd3be）来区分不同表面，而非使用阴影。配色本身就是层级系统的体现。
- 所有按钮和胶囊控件的圆角半径统一设为 86px。这种极端的胶囊形态是标志性特征——若使用 8px 或 16px 的圆角，将破坏蜡封的隐喻。
- 仅将 Apricot Wash 渐变用作满幅氛围带，禁止用于按钮填充、徽章背景或内联强调。
- 将 Library Ink #2e4d4d 颜色表面保留用于首屏和页眉区域。禁止在页面下半部分引入深色卡片或深色区块。
建议避免
- 禁止使用饱和的品牌色——没有蓝色、没有绿色、没有红色。该系统设计上 95% 为大地色系。
- 禁止在卡片、按钮或输入框上使用 box-shadow。该系统的立体感理念是纸张置于桌面上，而非悬浮材质。
- 禁止使用粗体或中等粗体字重。Bradford LL 最大字重为 450，系统依赖字号和斜体来实现层级关系。
- 禁止将正文字号设在 15px 以下或 20px 以上（Bradford LL 舒适密度区间为 15-25px）。任何小于该范围的文本应使用 Red Hat Mono。
- 不要使用带有明显背景色的填充操作按钮。操作应为文字加箭头图标，或文字置于胶囊控件内。ACTION_BACKGROUND在系统中刻意保持为零。
- 禁止在温暖的奶油色区域使用浅色文字。唯一允许的浅色主题组合是 Walnut on Parchment；该系统未设计用于在首屏以下使用反色卡片。
- 禁止使用传统页眉栏，且不设明显背景填充。页眉漂浮于首屏的空白区域，无任何可见边框。
