Handsome Frank
暖白色基底、衬线字形与紧密字距。
Tparkes
白色基底、文字主导与紧密字距。
页面以白色为基底，搭配深灰色文字。字体采用 Instrumentsans、Arial。视觉特点包括文字主导、紧密字距、细线分隔、大幅图像展示。适合参考的场景：设计产品官网、作品展示页。
查看原始网站使用规范
建议采用
- 所有展示文字、标题、导航和说明都使用Instrumentsans 600/700；Arial只保留给14px正文和元数据。
- 展示标题设为86px、0.83行高和-3px字间距；这种压缩是标志性特征，必须保持紧密。
- 分区间距使用120px，元素间距使用20px；所有微型内边距都维持4px基础单位（4、8、10、16、20、24）。
- 所有作品缩略图使用16px圆角，图标容器和小图块使用8px圆角；不要引入新的圆角。
- #f5ffbe是唯一的彩色表面，并且只作为满幅横带使用；绝不要用于文字、按钮或边框的填充。
- 通过颜色变化（white → cream）和#d6d6d6细线表达分隔，绝不要通过box-shadow或抬升层叠表达。
- 象形字形应作为文字片段嵌入首屏陈述中，不要将它们放置为独立图像元素。
建议避免
- 不要引入#f5ffbe之外的任何颜色；页面是单色系统，加入品牌蓝、红或绿都会破坏大幅报纸的语言。
- 不要添加投影、辉光效果或任何box-shadow层叠；设计拒绝抬升效果。
- 不要使用填充按钮或彩色CTA背景；操作通过无填充文字链接或24px黑色箭头徽章表达。
- 展示文字的行高不要高于0.95；更松的行距会破坏紧缩的大幅报纸效果。
- 不要使用#0000ee或浏览器默认链接蓝；链接采用#808080边框和#333333文字。
- 首屏文字或作品说明不要居中；所有内容都紧贴左侧对齐。
- 标题的系统字体字重不要低于600；Instrumentsans 400会使排版层级崩塌。
