Subset

暖白色基底、细线分隔与摄影展示。
页面以暖白色为基底。字体采用 FoundersGrotesk、TTRamillas_Light。视觉特点包括细线分隔、摄影展示、衬线字形、居中构图。适合参考的场景:商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有页面背景和区块色带都设为 #f5f4ee Raw Linen,绝不用纯白作画布。
- 主要实心按钮使用 #233735 Midnight Forest,搭配 #ffffff 文字;字体为 14px 的 FoundersGrotesk、字重 500、0.025em 字间距和全大写。
- 所有全大写微型标签,包括 NEW(新品)、ORGANIC COTTON(有机棉)和导航链接,都使用 13–15px 的 FoundersGrotesk,并设置 0.10em 字间距。
- #ff965b Ember 只留给徽章、星级评分和购物车数量气泡,绝不用于大型填充区块。
- #8bbd78 Sage Leaf 用于装饰性细线边框和图标描边,不用于背景填充。
- 卡片、按钮和产品图像的圆角保持 0px;9999px 只用于聊天胶囊和颜色色样。
- 编辑标题使用 32–42px 的 TTRamillas 衬线,所有界面文字和产品信息切换为 FoundersGrotesk。
建议避免
- 文字或按钮填充不要使用纯 #000000,而应使用 #241f20 Ink 来保持温暖感。
- 产品卡片、按钮或产品图像圆角不要大于 2px。锐利矩形几何形态是标志。
- 鼠尾草绿 #8bbd78 或蓝色 #6487ba,不要用于大面积背景填充。它们只是强调与操作颜色。
- 14–18px 的 FoundersGrotesk 正文或界面文字,字间距不要低于 0.025em。宽字间距是有意设计。
- 卡片或按钮不要使用投影或 box-shadows。系统保持平面,只通过细线边框与表面颜色变化区分。
- 淡粉色 #edcdc2 不要用于界面组件。它是摄影表面色调,而非界面填充。
- 悬停或激活状态不要引入新彩色。应加深现有颜色,例如 #8bbd78 → #5b7763,而非添加新色相。