Arc

近白色基底、大幅摄影展示与大字排版。
页面以近白色为基底,搭配近黑色文字。字体采用 Soehne。视觉特点包括大幅摄影展示、大字排版、紧密字距、细线分隔。适合参考的场景:品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 仅使用Soehne(或以Inter替代),字重限定为300/400/500/600,绝不引入第二个字体家族。
- 展示标题使用48–140px、字重300,字间距保持在-0.021em到-0.043em之间;这种低声细语般的轻字重是标志性特征。
- 所有控件(按钮、输入框)采用5px圆角,所有影像采用32px圆角;绝不混用,也不要将圆角改成8/12/16px。
- 在#e5e7eb / #ffffff浅色带与#1d1d1 / #031e25深色带之间交替,以建立区块节奏;不要用中灰色作为过渡。
- 仅在标签、元信息、导航和按钮文字中使用大写字母及+0.15em–0.185em字间距,绝不用于正文或标题。
- 让铺满画面的海上航拍摄影承担首屏和功能区块的视觉分量,不要用叠加的插画或图形与其争夺注意力。
- 所有分隔线和卡片边缘均采用#e5e7eb、1px极细边框,避免彩色边框。
建议避免
- 绝不引入彩色强调色;系统刻意限定为单色调加深青色藏青色。
- 绝不使用700或更高的字重;系统最粗的字重为600,展示文字始终保持300。
- 除已检测到的一处首屏阴影外,绝不为任何元素添加投影、辉光或模糊效果。
- 绝不使用6px到31px之间的圆角;控件保持5px,图片保持32px,中间没有其他取值。
- 没有压暗叠层或承载文字的卡片表面时,绝不将文字直接放在照片上。
- 绝不将超过两行的正文居中排版;长篇内容应在宽度受控的栏内左对齐。
- 绝不使用插画、作为装饰的图标或3D渲染;摄影与字体是唯一的视觉语言。
- 正文字号绝不高于18px或低于14px;14–18px是适合阅读的范围。