Peggy
近白色基底、细线分隔与宽松留白。
FRANKY'S
近白色基底、扁平表面与分屏构图。
页面以近白色为基底，搭配近黑色文字。字体采用 Arcade。视觉特点包括扁平表面、分屏构图、网格布局、细线分隔。适合参考的场景：品牌电商首页、商品展示页。
查看原始网站使用规范
建议采用
- 正文、标签、价格和说明文字使用 Arcade 400；仅在标题、导航项和页脚链接处切换至 Arcade 700——字重变化即为整个层级结构。
- 将每个行动号召（CTA）、标签和切换按钮设置为6px圆角（或9999px用于内联的'AR' 胶囊形控件），并添加1px内嵌的奶油高亮（#f3e5df 0px 1px 0px 0px inset）以保持街机按钮的斜面效果。
- 仅将购买绿色（#128e44）用于填充的加入购物车按钮；绝不用于链接、边框或悬停状态。
- 以 Arcade 奶油色（#f3e5df）为页面基准色；使用像素灰（#e5e7eb）作为 1px 结构规则和卡片边框，使用墨黑（#000000）作为文字与棋盘的对比色。
- 将横幅橙色（#faa21f）仅用于顶部公告条和可选的横幅光泽渐变——它绝不能作为按钮填充或大文本颜色使用。
- 保持垂直节奏为 4px 增量；元素间距维持在 4–8px，卡片内边距为 12px，区块间距为 43–61px。
- 每个产品卡片上方配一个 '尝试 AR' 透明描边按钮，叠加在加入购物车（或缺货）按钮之上，以确保右侧网格保持统一。
建议避免
- 不要引入第二种字体——禁止使用系统字体、无衬线字体或装饰性手写体。Arcade 是品牌唯一字体。
- 不要使用柔和的投影阴影；唯一允许的阴影是按钮上的 1px 内嵌奶油高亮，以及浮层帽下方的平实 #333333 阴影。
- 不要对卡片圆角超过 12px 或按钮圆角低于 6px——6/12/9999px 三元组是唯一允许的圆角语汇。
- 不要在非购买元素上使用购买绿色（#128e44），也不要将它与横幅光泽渐变置于同一组件中。
- 不要稀释棋盘效果——它必须以纯 #000000 对比 #f3e5df（或 #333333 用于阴影色调）呈现，绝不能以灰调或模糊图案形式出现。
- 不要使用深色模式背景；画布始终为 Arcade 奶油色，即使在卡片和模态框内部也是如此。
- 任何文本或字号不得超过 18px 或低于 10px——Arcade 字体的位图网格在此范围之外将失效。
