TWOTWO
浅色基底、胶囊形控件与宽松留白。
AYOCIN
暖白色基底、胶囊形控件与大字排版。
页面以暖白色为基底，搭配深橙色文字。字体采用 Systemia、Azeret Mono。视觉特点包括胶囊形控件、大字排版、细线分隔、扁平表面。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 以 Porcelain Cream #fcf6ec 作为页面画布的默认色，以 Espresso Ink #2e2521 作为文本颜色的默认值。
- 导航和简洁标签使用 Systemia 14px 字号 500字重；较长的控件标签使用 Systemia 14px/19.6px 字号 400字重。
- 特征标题使用 Systemia 36px/36px 字号 500字重，保留 170px 或 240px 的独立编辑声明显示设置。
- 构建填充转化按钮为 20px 半径的胶囊形控件，内边距为 10px 60px 10px 20px。
- 卡片使用 10px 半径且无阴影；输入框和功能标签页使用 0px 半径。
- 不同小界面组之间使用 20px 间距，区块交汇处使用 30px 的区块间距。
- 将 #fdf0c7 和 #fdc6b3 布置在大范围背景带中，而非作为小徽章、状态色或按钮边框使用。
建议避免
- 不要使用黑色 #000000 作为主要界面颜色；文本、分隔线和深色填充使用 Espresso Ink #2e2521。
- 不要引入蓝色、绿色、红色或高饱和度的状态强调色；界面配色保持为奶油、浓咖啡棕、石质、黄色和桃色。
- 不要为卡片、按钮或面板添加阴影；卡片保持平铺于温暖的背景之上。
- 不要对文本输入框、标签页或下划线字段的圆角进行超出指定 0px 半径的处理。
- 不要使用 9999px 的胶囊形控件用于内容卡片；保留 9999px 用于紧凑型胶囊和标签，20px 用于转化按钮。
- 不要将 Systemia 显示文本设置在 500字重以上，或用粗体标题替代 170px 和 240px 的尺度变化。
- 不要在每个区块中使用 Sunlit Stone Gradient；仅限用于氛围图像或产品阶段背景。
