ddna

浅橙色基底、摄影展示与扁平表面。
页面以浅橙色为基底,搭配深灰色文字。字体采用 Basis、Favorit。视觉特点包括摄影展示、扁平表面、大幅图像展示、网格布局。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有文字设为字重 400,绝不引入粗体或半粗字重;系统不通过字重建立层级。
- 14–15px 文字使用 0.066em 字间距,10px 图注使用 0.099em,保持目录标签感。
- 色板只用五种暖中性色 #444242、#595552、#938a83、#dacabf、#efe3dc,没有强调色或蓝链接。
- 任何标题或陈述使用 Favorit,30px,行高 2.0;只有一个字号、一个行高、一个字重。
- 通过沙色 → 奶油色 → 炭灰色的色调叠层建立深度,绝不用 box-shadow。
- 每个操作入口都配向下或向右的箭头字形,而不是按钮形状。
- 产品图片满幅、0px 圆角,让纹理与材质承担表达。
建议避免
- 卡片、按钮或图片不要添加投影、模糊或任何 z 轴浮起。
- 不要引入品牌强调色,虹彩浮球是内容,不是 Token。
- 任何层级都不要使用粗体 600/700 或半粗 500 字重。
- 任何组件圆角不要大于 0px;尖角保留印刷目录感。
- 正文字号不要低于 14px 或高于 17px,展示文字保持 30px。
- 按钮背景不要填充;系统使用带箭头字形的文字链接,而不是填充矩形。
- 区块不要用细线分割,仅以 100px 留白作为分隔。