Handhold

近白色基底、居中构图与胶囊形控件。
页面以近白色为基底,搭配近黑色文字。字体采用 bureauSerif、Inter。视觉特点包括居中构图、胶囊形控件、紧密字距、扁平表面。适合参考的场景:AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 所有标题都采用bureauSerif 200字重,绝不要替换为更重衬线;低语感就是身份。
- 所有非展示文字只采用Inter 400,不能引入粗体、中等或半粗体变体。
- 衬线标题行高严格设为1.0,形成定义展示语气的紧密、重叠编辑式基线。
- 所有衬线文字无论字号都应用-0.03em letter-spacing;一致字间距让衬线在整个尺度中连贯。
- 页面画布采用#f2f1ed,页面背景绝不用纯白#ffffff;温暖奶油色是品牌基础。
- 组件通过24-32px圆角与留白分隔,而非阴影或边框;系统刻意无阴影。
- 所有操作都采用9999px圆角胶囊按钮;系统不存在直角或轻微圆角按钮。
建议避免
- 不要引入任何彩色;调色板刻意为0%色彩丰富度,添加蓝、红或绿会破坏编辑式语气。
- 任何字体家族都不要使用粗体或半粗体;每个家族严格只以一种字重表达。
- 衬线行高不要高于1.0;宽松行距会毁掉紧密编辑式感受。
- 页面或分区背景不要采用#ffffff;温暖奶油色不可更改,白色只留给卡片表面和按钮文字。
- 不要添加投影、辉光或任何抬升效果;平面表面处理是核心原则。
- 结构分隔不要使用细于1px或浅于#dbd7cd的边框,改为依靠圆角和留白。
- 同一文字块中不要混用衬线与无衬线;标题是衬线,正文是无衬线,两者边界必须绝对清晰。