Adaptive ML

白色基底、衬线字形与等宽文字标注。
页面以白色为基底,搭配近黑色文字。字体采用 Egyptienne F LT、Diatype。视觉特点包括衬线字形、等宽文字标注、渐变展示、细线分隔。适合参考的场景:AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有首屏和分区标题都采用Egyptienne F,或Source Serif Pro替代字体,77–94px、400字重、0.9行高和-0.030em字间距;衬线绝不要高于100px或低于18px。
- 每个导航项、按钮标签和步骤标签都采用Diatype Mono 13px、全大写和0.090em字间距;等宽加宽字间距的模式是系统排版的标志性特征。
- 所有主要操作按钮采用#272421 Ink填充、白色文字、9px圆角和10px 24px内边距,不引入彩色按钮。
- 每个卡片、按钮、徽章和输入框都采用9px border-radius;9999px只留给体育场形标签页胶囊和案例标签。
- 唯一阴影模式0px 4px 12px rgba(39,36,33,0.1),只用于抬升功能卡片;其他任何地方都不叠加或改变阴影。
- 卡片和面板表面采用#edebe8(Paper Warm),画布#ffffff;#e3e3e2(Paper Cool)只用于内嵌凹槽和下沉容器。
- 使用场景卡片中的抽象渐变艺术作品承载全部彩色内容;按钮、边框、图标或文字绝不要添加彩色强调,系统刻意保持单色。
建议避免
- 不要引入彩色品牌色、强调或CTA填充;系统没有独立CTA色,主要操作是深中性色填充,这种克制就是身份。
- 正文、按钮标签或UI附属元素不要使用衬线;Egyptienne F只留给编辑式展示。
- 任何地方都不要使用全黑(#000000),改用#272421 Ink;暖色底调是刻意的。
- 正文或标题不要使用700粗体;700只保留给少见强调,400和500承载系统。
- 阴影不要超过唯一的12px、10%不透明度投影,按钮、输入框或弹窗也绝不用阴影。
- 字间距不要宽于0.090em或紧于-0.030em;letter-spacing有明确且刻意的范围。
- 使用场景卡片的渐变艺术作品内部不要放文字;标签始终位于左下角,内缩16–24px,放在干净白色叠加层上,或直接放在图像较深的边缘。