Tines
暖白色基底、衬线字形与紧密字距。
15five
白色基底、产品图像展示与胶囊形控件。
页面以白色为基底。字体采用 DM Serif Display、Manrope。视觉特点包括产品图像展示、胶囊形控件、渐变展示、衬线字形。适合参考的场景：工作流工具首页、产品功能说明页。
查看原始网站使用规范
建议采用
- 40px 及以上所有区块标题用 DM Serif Display 400，衬线字重是品牌编辑标志，不应用粗无衬线替代。
- 每个按钮用 68px 胶囊圆角，包括幽灵与柔色变体，全胶囊几何在全系统不可妥协。
- 首屏与评价区块用奶油到珊瑚暖渐变，奶油色层 → 桃淡粉 → 柔珊瑚，让暖意像氛围而非装饰。
- 眉题用 14px Manrope，全大写，字间距 0.375em，让小全大写文字显有意。
- Royal Violet #2f115b 是唯一填充操作色，主要行动按钮配白字与 68px 胶囊。
- 标题与正文锚定 Midnight Plum #1a0d3f，让文字像墨而非彩色；Royal Violet 留给强调和操作。
- 区块垂直间距 80px，max-width 1200px，保留平静宽敞编辑节奏。
建议避免
- 不要引入第二标题字体，也不将衬线加粗到 700，单字重 DM Serif Display 是纪律。
- 按钮或大表面不要用 4–6px 利落圆角，68px 胶囊与 16px 卡片是系统仅有的两种按钮或卡片形状。
- Ember Orange 不要用于界面控件或正文，留给星级评分、标志放射形和装饰线稿。
- 卡片或按钮不要添加投影，深度来自白表面后暖渐变色层，而非浮起。
- 界面色不要用蓝绿、珊瑚或琥珀，这些色相只属于产品截图图表填充。
- 长段正文不要居中，衬线标题居中，下方正文左对齐并限制为 640–720px。
- 密集产品界面后不要堆暖渐变，留给首屏、评价和呼吸区块，让暖意能发挥作用。
