Descript

近白色基底、衬线字形与居中构图。
页面以近白色为基底,搭配近黑色文字。局部操作控件以红色强调。字体采用 Booton、Gamuth Display。视觉特点包括衬线字形、居中构图、网格布局、产品图像展示。适合参考的场景:建筑作品集、空间项目展示页。
查看原始网站使用规范
建议采用
- 所有H1/H2首屏标题使用Gamuth Display 400字重——绝不使用粗体或700字重
- 每个主要区块标题前,均需搭配Brett 18px、0.04em字间距的眉毛标签,颜色为#f73b3b
- 所有主要CTA均使用#f73b3b背景,搭配12px圆角和16px/32px内边距
- 深色区块(#390a1a)与浅色区块(#faf8f7)必须立即交替呈现——保持交替条带节奏
- 所有卡片使用4px圆角;浮层UI组件和弹窗保留12px圆角
- 所有正文大小的Booton字体字间距设为−0.02em(负值)——除Brett 眉题外,绝不使用中性或正值字间距
- 在深色#390a1a背景上,卡片表面使用#583f4a作为高亮色——绝不使用纯黑或纯白卡片
建议避免
- 绝不使用纯白色(#ffffff)作为页面背景——所有浅色表面均使用#faf8f7(温暖的亚麻色)
- 绝不将Gamuth Display用于正文、图注或 UI 标签——仅限标题,且最小字号为40px
- 绝不在一个页面中使用珊瑚色CTA(#f73b3b)超过一个按钮——它作为单一焦点信号存在
- 绝不为区块卡片添加阴影——仅靠背景色对比定义卡片的立体感
- 绝不使用Booton的通用无衬线字体替代,除非同时应用−0.02em字间距——正向或零字间距会破坏整体温暖感
- 绝不使用绿色、蓝色或青色语义色——系统无冷色调语义状态;仅使用温暖的珊瑚、酒红色、紫色调
- 绝不给卡片或区块使用超过12px的圆角——9999px专用于紧凑图标胶囊按钮