TWOTWO
浅色基底、胶囊形控件与宽松留白。
Adam Lippes
白色基底、大幅摄影展示与产品图像展示。
页面以白色为基底，搭配近黑色文字。字体采用 Optima、Arial。视觉特点包括大幅摄影展示、产品图像展示、网格布局、渐变展示。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- Onyx Black（#000000）是主要操作按钮唯一的填充色，搭配Press White文字和Optima 12px全大写，字间距0.0640em。
- 页面背景设为Bone Canvas（#fefcf8），绝不用纯白；温暖米白就是系统身份。
- 所有产品卡片、按钮和分区分隔都采用0px圆角；唯一圆润的元素是40px徽章和1000px的旧式胶囊按钮。
- 导航和按钮标签采用Optima全大写、11–12px和0.0640em letter-spacing；这种字间距使界面具有编辑感，而非纯实用感。
- 以1px的Onyx Black细线作为主要结构分隔，取代卡片或盒子。
- 保持5列产品网格、10px元素间隙和16px卡片内边距；产品名称采用Optima 14px小写。
- 所有UI附属元素都保持平面和单色，让摄影提供全部色彩与视觉趣味。
建议避免
- 不要引入任何彩色、渐变或强调色相；系统刻意保持0%色彩丰富度。
- 产品卡片、分类横幅或分区分隔不要使用圆角；清晰直角是不可更改的要求。
- 产品卡片、按钮或图像不要添加投影；阴影只留给导航和一张促销卡片。
- 正文或导航不要使用无衬线替代字体；Optima或Avenir Next替代字体是品牌语气。
- 不要打破奶油色与黑色的反转关系；深色分区必须是满幅摄影，绝不是实色区块。
- 不要只通过颜色、字重或字号指示状态；搭配下划线、边框或字间距变化。
- 不要使用表情符号、彩色图标或装饰插画；唯一的图标语言是账户、购物车、搜索和箭头等单色线描字形。
