
FONT / 字体行距优化
全站字体·逐像素视觉统一
字体是官网气质的底色。我们从字族选型、字号层级、行距呼吸、字距节奏四个维度逐项调校,让全站排版呈现克制而高级的阅读气质,建立一套只属于你的字体视觉语言。
FONT 01
// 01 字体调校体系
一套字体语言服务一个品牌
不依赖系统默认字体堆栈,而是为品牌独立选型字族、设定字号阶梯、调校行距与字距。衬线与无衬线配合使用,标题、正文、标注三层各司其职,全站排版气质统一,告别各种页面字体打架的廉价感。
- 品牌字族独立选型,告别系统默认堆栈
- 标题正文标注三层字号阶梯设定
- 行距字距逐页校准,阅读节奏统一
- 中英文混排基线对齐,视觉不塌陷
FONT DIMENSIONS / 字体四维
四个维度,守住排版气质
字族、字号、行距、字距,四个维度共同决定阅读体验。任何一个失控,全站气质就会塌陷。我们逐项校准,让每一个字符都落在正确的位置。
DIMENSION 01
字族选型
标题用衬线传递厚重,正文用无衬线保证清晰,标注用等宽强化技术感。三族配合,气质统一又层次分明,告别单一字体的扁平观感。
DIMENSION 02
字号层级
建立 h1 到标注的六级字号阶梯,相邻级别有足够对比度,层级关系一眼可辨。移动端断点同步缩放,多端层级不混乱。
DIMENSION 03
行距呼吸
标题行距收紧显紧凑,正文行距放宽利呼吸,长文阅读区独立加宽。行距随字号联动,不同区域呼吸节奏各有讲究。
DIMENSION 04
字距节奏
大标题字距微收显精神,小标注字距放宽易辨识,英文全大写场景增加字距避免拥挤。字距随场景动态调整,细节处见功力。
让全站排版拥有统一的气质
字族选型 · 字号层级 · 行距字距逐项调校