TWOTWO
单色混凝土上的电压青柠：黑白编辑网格中唯一的霓虹重击。
AYOCIN
阳光下的健康圣物。构建屏幕时如同温暖室内照片：宏伟的字体、柔和的建筑阴影，以及一个静静置于奶油色空间中的发光物体。
AYOCIN 阶段将健康科技呈现为一个大型、雕塑感的居家物品，在柔和的自然光下展示。满幅奶油、泥土色和淡黄色表面搭配深 浓咖啡棕 字体，而发光的产品成为视觉焦点，而非辅助图像。夸张的压缩感显示文字与微小的实用标签形成刻意的尺度对比；胶囊形控件、细线分隔线和无阴影卡片使界面既具触感又保持平面感。
查看原始网站使用规范
建议采用
- 以 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；仅限用于氛围图像或产品阶段背景。
