Nakedcityfilms

浅灰色基底、非对称构图与大字排版。
页面以浅灰色为基底,搭配近黑色文字。字体采用 Haas Grotesk、TRJNDaVinci。视觉特点包括非对称构图、大字排版、宽松留白、大幅图像展示。适合参考的场景:内容网站首页、编辑专题页。
查看原始网站使用规范
建议采用
- 任何主要标题或类别标签,都以 26px+ 的大尺度使用 Electric Cobalt #0004eb。它是一种声音,而非高亮颜色。
- 在同一区块中,将 Haas Grotesk 的字重 100 用于氛围文字,字重 500 用于强调,以单一字体家族内部的对比制造张力。
- 大字号采用紧密字间距:68px 时为 -2.04px,44px 时为 -1.32px,26px 时为 -0.39px。展示字号下较松的字间距会显得无力。
- 区块逐一在浅色画布 #e6e6e6 与深色画布 #050516 之间交替;这种摆动就是节奏。
- 让媒体铺到视口边缘,并在其上叠放白色或深色卡片形式的界面。绝不将图像嵌入容器。
- TRJNDaVinci italic 仅以 26px+ 用于项目类别和编辑强调,绝不用在正文或界面标签中。
- 所有表面、区块和卡片都保持零圆角。系统具有建筑式锐利感。
建议避免
- 不要使用阴影、模糊或任何悬浮效果。纵深只来自表面对比。
- 蓝色标志区块、卡片、按钮或图像不要做成圆角。平面感就是身份。
- 小于 16px 的微型文字不要使用 Electric Cobalt #0004eb,它在微小尺度下会失去权威感。
- 展示衬线字体 DaVinci 不要混入正文或导航。它只属于编辑式类别标签。
- 除首屏卡片外,内容不要居中。布局语言是不对称,而非平衡。
- 不要在蓝色上添加渐变、纹理或装饰背景。它必须像单一平面墨色。
- #979797 不要用于主要文字或交互状态。它只留给元信息标签、占位符和滚动资讯条背景。