Juicebox.ai
近白色基底、衬线字形与等宽文字标注。
Koox
白色基底、细线分隔与大幅摄影展示。
页面以白色为基底，搭配近黑色文字。局部操作控件以橙色强调。字体采用 Helvetica。视觉特点包括细线分隔、大幅摄影展示、网格布局、产品图像展示。适合参考的场景：商品详情页、品牌产品介绍页。
查看原始网站使用规范
建议采用
- 所有展示标题使用 Helvetica 字重 900，字号 40-48px，全大写，正字间距在 0.8px 与 0.96px 之间。
- 卡片、链接和分类块使用 1-2px 的 #d25a24 Tile Grout 边框与 5px 圆角，强化地铁砖语言。
- #6b1229 硬偏移阴影（5px 5px 0px 0px，零模糊）只用于贴纸式按钮和强调链接，绝不用作通用浮起效果。
- 页面画布保持 #ffffff，#113722 留给填充式行动按钮和页脚条带。
- 卡片内边距设为 20px，元素间距也设为 20px，保持一致的瓷砖节奏。
- 重复的品牌属性宣言使用跑马灯条带模式：大写、字重 700、以竖线分隔。
- 绿色 #113722 只作为主要操作和页脚的填充，不用于文字或图标。
建议避免
- 不要使用负字间距；品牌声音依赖正字间距，让文字有空间高喊。
- 不要使用柔和投影、模糊或多层浮起叠加；浮起只用一种颜色和一个偏移。
- 不要引入 Tile Grout 橙、Cold-Press 绿和 Sticker 深红之外的品牌色相。
- 不要使用 6px+ 圆角或胶囊形按钮；5px 是系统的最大柔和程度。
- 正文只能用字重 400-500 的 Helvetica；700+ 留给展示文字、导航和跑马灯。
- 未测试 AAA 对比度前，不要在白底放浅色文字，或在深绿条带放深色文字。
- 不要将 #6b1229 深红用于填充；它是阴影层，不是品牌色。
