Handhold

如同轻声衬线下的温暖羊皮纸:手工排字的编辑式跨页没有任何彩色噪声,200字重的细线衬线承载全部语气。
Handhold几乎完全采用编辑式语气:温暖奶油画布(#f2f1ed)取代SaaS常见的纯白,定制衬线以200字重承担全部标题,Inter则以唯一400字重处理其余一切。调色板严格单色,检测到0%色彩丰富度,因此层级完全通过尺度、字间距和衬线与无衬线的对比建立,而非颜色。表面平面且没有阴影,结构来自宽松圆角,卡片24-32px、按钮完整胶囊形,以及衬线的紧密字间距。结果像设计工作室专著或奢华印刷目录,而非典型B2B SaaS落地页。密度舒适,4px基础单位、48px分区间隙和28-32px卡片内边距,居中单栏首屏具有呼吸感。
查看原始网站使用规范
建议采用
- 所有标题都采用bureauSerif 200字重,绝不要替换为更重衬线;低语感就是身份。
- 所有非展示文字只采用Inter 400,不能引入粗体、中等或半粗体变体。
- 衬线标题行高严格设为1.0,形成定义展示语气的紧密、重叠编辑式基线。
- 所有衬线文字无论字号都应用-0.03em letter-spacing;一致字间距让衬线在整个尺度中连贯。
- 页面画布采用#f2f1ed,页面背景绝不用纯白#ffffff;温暖奶油色是品牌基础。
- 组件通过24-32px圆角与留白分隔,而非阴影或边框;系统刻意无阴影。
- 所有操作都采用9999px圆角胶囊按钮;系统不存在直角或轻微圆角按钮。
建议避免
- 不要引入任何彩色;调色板刻意为0%色彩丰富度,添加蓝、红或绿会破坏编辑式语气。
- 任何字体家族都不要使用粗体或半粗体;每个家族严格只以一种字重表达。
- 衬线行高不要高于1.0;宽松行距会毁掉紧密编辑式感受。
- 页面或分区背景不要采用#ffffff;温暖奶油色不可更改,白色只留给卡片表面和按钮文字。
- 不要添加投影、辉光或任何抬升效果;平面表面处理是核心原则。
- 结构分隔不要使用细于1px或浅于#dbd7cd的边框,改为依靠圆角和留白。
- 同一文字块中不要混用衬线与无衬线;标题是衬线,正文是无衬线,两者边界必须绝对清晰。