OPX Studio

近黑色基底、大幅摄影展示与胶囊形控件。
页面以近黑色为基底,搭配白色文字。字体采用 OPX-Medium、Open Sans。视觉特点包括大幅摄影展示、胶囊形控件、细线分隔、扁平表面。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 使用 OPX-Medium 400 字体在 80–111px 大小的显示标题中,行高锁定在 1.00–1.07 之间——显示文字绝不加粗
- 在各区块之间及交互元素周围,仅使用 #292a2c 1px 细线作为分隔
- 所有行动号召按钮(CTA)设置为 1px 白色描边胶囊按钮,半径 45px,内边距 7px/15px——禁止使用填充按钮
- 让摄影内容以 0px 半径方式完全填满容器,边缘到边缘——绝不添加边框或圆角处理项目影像
- 保持主要区块之间 100–200px 的垂直间距,以维持编辑性节奏
- 仅使用 #9b9b9b 用于中性元数据和辅助文本;所有主要内容均使用 #ffffff
- 导航保持为两个词标签,使用 OPX-Medium 字体呈现——页面本身即为导航
建议避免
- 不得引入品牌色、强调色或渐变——系统本就为单色设计
- 不得使用盒阴影、光晕或任何降级阴影效果
- 不得加粗显示文字——权威来自尺寸(80–111px),而非字重
- 不得对项目影像进行圆角处理或添加卡片背景——影像直接置于虚空中
- 不要在 #ffffff 背景上使用 #9b9b9b —— 该配色对比度不足(2.8:1);仅在暗色画布上有效
- 不得在导航或链接中添加图标、项目符号或装饰性符号——文字是唯一的装饰元素
- 不得将正文行高收紧至低于 1.67——宽松的行高是唯一与显示文字压缩形成对比的元素