AREA 17
白色基底、紧密字距与细线分隔。
ON.energy
近黑色基底、大幅摄影展示与紧密字距。
页面以近黑色为基底。字体采用 Univers Next Pro。视觉特点包括大幅摄影展示、紧密字距、满幅色块、网格布局。适合参考的场景：摄影作品集、视觉内容展示页。
查看原始网站使用规范
建议采用
- 所有标题和展示文本均使用 300 字重——这是系统的标志性克制，不得替换为中等或粗体字重
- 仅在行动号召按钮、满幅区域背景和小型强调边框中使用 #fff313——绝不可用于正文、图标或装饰填充
- 在 36px 及以上使用 -0.04em 字间距，在 16-24px 使用 -0.02em——紧凑的字间距强化了工业精确感
- 让区块交替呈现满幅效果：深色图像 → 纯黄色 → 浅白色——这种三模式节奏是页面结构的核心
- 交互元素（如导航、按钮）的圆角保持 6px，卡片保持 9px——保持实用，绝不接近完整胶囊状圆角
- 黄色区域使用 #000000 字体，深色区域使用 #eeeeee 字体——绝不反转，高对比度是不可妥协的
- 保持主要区块之间 120px 的垂直间距，以让满幅色块作为独立的视觉行为呼吸
建议避免
- 绝不添加阴影——该系统刻意保持平面，依赖色彩对比和满幅区域的分隔来建立层级
- 绝不使用渐变——黄色区域本身就是品牌色彩时刻；渐变会削弱其冲击力
- 绝不使用 500、600 或 700 字重——300/400 的二元配对是设计约束，而非疏漏
- 绝不将黄色正文置于黄色背景上，或黑色文字置于黑色背景上——对比配对是固定的
- 绝不为功能性元素使用大于 16px 的圆角值——工业风格依赖于紧凑的圆角
- 绝不为黄色区域引入中间灰度文本颜色——仅限于 #000000 或单一柔和的黄色调
- 绝不将满幅区域限制在最大宽度容器内——黄色和深色区域必须从边缘延伸至边缘
