UY Studio

浅灰色基底、摄影展示与网格布局。
页面以浅灰色为基底,搭配近黑色文字。字体采用 GP、GTStandard-M。视觉特点包括摄影展示、网格布局、大幅图像展示。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有文字用 GP 字重 400,从 13px 页脚说明到 48px 展示行,系统没有粗、半粗或轻变体。
- 每屏页面背景用 Limestone #d1d3cf,绝不替换为纯白 #ffffff,暖灰调是系统身份。
- 所有文字、图标描边、1px 边框用 Soot #24241f,暖近黑代替标准 #000,将文字与摄影中的混凝土纹理连接。
- 展示字号 30px+ 用 0.0390em 字间距,正文 13–16px 用 0.0110em,双字间距系统在单字重世界表达层级。
- 所有卡片、图片与容器用 0px 圆角,3px 专用于文字输入框,尖边强化建筑画廊感。
- 产品在 Chalk #e5e5e5 表面上以满幅摄影呈现,无卡片边框或阴影,照片本身就是卡片。
- 带下划线文字链接为主要交互模式,Graphite #333333 填充按钮留给单一用途的深操作,每页最多一次。
建议避免
- 不要引入粗、半粗或轻字重,400 是唯一声音,增加字重会破坏定义系统的平面均匀质感。
- 不要添加饱和色、品牌色相或强调填充,色板只有四种暖灰,任何彩色都会打破修道院质感。
- 不要用 box-shadow 或投影浮起,深度来自 Limestone → Chalk → Graphite → Soot 暖灰表面叠层,而非阴影。
- 卡片、图片或容器不要圆角,输入框外到处 0px,圆角会柔化建筑与博物馆台座感。
- 不要用颜色或字重表示交互状态,悬停用 Soot 下划线,激活用位置变化,导航用当前项下划线。
- 不要添加装饰渐变、图案、背景纹理或装饰图形,唯一影像是真实纹理前的产品摄影。
- 不要用填充、彩色或圆角图标按钮,图标只用 Soot 描边,与文字同基线内联,界面以文字为先。