TWOTWO
浅色基底、胶囊形控件与宽松留白。
Filling Pieces
浅色基底、大幅摄影展示与细线分隔。
页面以浅色为基底，搭配近黑色文字。字体采用 favorit。视觉特点包括大幅摄影展示、细线分隔、扁平表面、网格布局。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 每个采用favorit的文字元素都应用-0.04em letter-spacing和`"ss04"` font-feature-settings；字间距赋予文字编辑式感受。
- 所有分隔线、输入框轮廓和卡片边缘都采用1px的#e5e7eb边框；绝不用更粗边框或彩色分隔线。
- 所有输入框和按钮采用8px border-radius，卡片、弹窗和标签采用0px；圆润控件与平面表面之间的对比是标志性特征。
- 100px展示字号只留给首屏标题，并配0.90行高，让文字从一边铺满到另一边。
- 让满幅摄影成为背景，白色文字和无填充按钮直接置于图像上，不加遮罩、渐变或叠加卡片。
- 所有主要操作按钮填充和正文都使用#000000；#ffffff只用于卡片表面和深色图像上的文字。
- 整个调色板保持无彩色；品牌刻意采用灰阶，任何引入的彩色都会显得像错误。
建议避免
- 不要引入无彩色色阶之外的任何颜色，不使用蓝、绿、红或品牌强调色；系统色彩丰富度的上限是1%。
- 不要给卡片、弹窗或按钮添加box-shadow；设计刻意保持平面，通过表面色调对比产生深度。
- border-radius只使用8px的输入框和按钮，以及0px的其他全部元素；数据表明不存在其他圆角。
- 不要采用400和600之外的字重，不使用粗体、细体或black字重；favorit恰好只有这两种语气。
- 不要使用第二种字体；favorit是系统唯一字体，图标、徽章和按钮也包含在内。
- 首屏摄影上不要添加装饰渐变、遮罩或叠加色调；图像应透过文字自由呼吸。
- 不要采用彩色图标填充或多色图标；所有图标都只用#000000或#ffffff的单色描边。
