Generative AI
干净白纸上的 8-bit 游乐场。白色画布被平面彩色色带与散落像素生物打断，由唯一大胆几何字体和零阴影维系。
Microsoft AI
旧图书馆在黄昏时分
Microsoft AI 的阅读感受如同珍稀版次的手稿，以亚麻装订——温暖的羊皮纸画布、深墨青色的空洞，以及巨大的衬线字体，将页面视为编辑空间而非产品表面。配色几乎全为大地色系：奶油、核桃色、褪色的玫瑰，以及仅在首屏出现的深绿黑色，形成顶部与下方强烈的明暗对比。排版是整个设计的灵魂：定制的过渡式衬线字体（Bradford LL）主导展示与正文，通过斜体强调，且在字号增大时采用激进的负字间距；等宽字体（Red Hat Mono）仅用于少数 UI 交互元素——标签、搜索框、切换按钮等。系统中没有饱和的品牌色，没有渐变按钮，没有带有色彩的填充型行动号召（CTA）。行动体现在文字、箭头符号，以及巨大的胶囊形控件，使每个控件都像信封上的蜡封。设计刻意避免使用阴影和立体感——所有表面均为温暖纸张的平铺叠加，通过充足的留白和偶尔的桃色晕染来区分。
查看原始网站使用规范
建议采用
- 所有旨在作为编辑内容呈现的文本——正文、标题、展示内容——均使用 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；该系统未设计用于在首屏以下使用反色卡片。
- 禁止使用传统页眉栏，且不设明显背景填充。页眉漂浮于首屏的空白区域，无任何可见边框。
