Klim

近黑色基底、满幅色块与大幅摄影展示。
页面以近黑色为基底,搭配白色文字。字体采用 SOEHNE、Söhne。视觉特点包括满幅色块、大幅摄影展示。适合参考的场景:设计作品集、创意服务介绍页。
查看原始网站使用规范
建议采用
- 所有主要UI文本使用Söhne 16px/400,仅在强调时使用Söhne 700
- 使用Flare Orange (#d33c03) 用于标签标签、集合名称和编辑注释——这是字体工坊的标志色
- 交替使用 样张 带状背景色:#000000、#1c1c1c、#3c585f 和 #f9f9f9,以创造节奏而不设分隔线
- 所有交互元素(按钮、标签、输入框)均使用2px圆角——这种近乎锐利的角落是系统几何风格的标志
- 将字形样本以实际字库字号呈现,至少36px——字体即内容本身
- 启用所有Söhne使用场景中的tnum和ordn字体特性,以实现数字和序数的一致渲染
- 保持紧密间距:8px组件内边距,10px元素间距,20px页面水平边距
建议避免
- 不引入阴影、渐变或发光效果——系统为扁平且无阴影
- 不使用大于2px的圆角——设计刻意保持近乎锐利
- 不使用颜色填充大背景——色彩仅用于微小的标签标签和文本强调
- 不将正文或展示字形设为除Bone(暗色下#ffffff)或Graphite(亮色下#555555)之外的其他颜色——彩色字形仅用于特殊强调
- 不添加可见的区块分隔线,或带状区域间大于约69px的空白间距——背景色的转换即为分隔
- 不使用系统字体作为UI文本——Söhne是界面的声音
- 单个组件中不使用超过一个彩色元素——每个色彩强调都应有其独立的时刻