Buddy
白色基底、产品图像展示与胶囊形控件。
Playdate
明暗对比、胶囊形控件与大字排版。
页面兼有浅色与深色区域。字体采用 Roobert。视觉特点包括胶囊形控件、大字排版、满幅色块、网格布局。适合参考的场景：产品介绍页、品牌展示页。
查看原始网站使用规范
建议采用
- 所有交互元素——按钮、链接和导航胶囊——必须使用 Electric Violet #7700ff，禁止用于正文文字或装饰性图形。
- 所有主要行动号召（CTA）的胶囊半径必须为 28-34px；游戏卡片和内容模块使用 2.85px。这两个半径值定义了系统中强烈行动与静谧内容之间的对比。
- 品牌字标“playdate”采用小写的Roobert，以展示字号51-68px、800字重呈现；在中性背景上使用Sunbeam Yellow。
- 正文文字设为 22px，Roobert 400 字重，搭配炭灰 #312f27，行高约为 1.3。所有 Roobert 使用场景需应用全局 -0.007em 字间距。
- 各区块背景沿垂直方向交替：Slate Gray首屏 → 黄色条带 → 白色条带 → 黄色条带。每个区块都铺满宽度，彼此之间没有边框。
- 使用向日葵黄 #ffc500 作为满幅区块背景，禁止作为卡片或按钮上的小面积填充色。
- 游戏卡片保持平面且无边框——1 位制的游戏艺术是内容本身；添加阴影或边框会与之竞争。
建议避免
- 不要将 Electric Violet 用于正文、标题或大于按钮尺寸的背景填充——它的作用是交互性强调，而非装饰性边框。
- 不要在卡片、图片或文字上添加厚重的外阴影。仅允许在行动号召胶囊上使用单个 0 2px 8px rgba(0,0,0,0.15) 的外阴影。
- 不要引入额外的辅助色。该系统刻意采用双色（黄色+紫色）搭配，以温暖中性为基调。
- 不要使用纯黑色 #000000 作为文字——炭灰 #312f27 更温暖，且能与黄色和白色背景自然融合，避免边缘闪烁。
- 不要将品牌标识以大写、衬线字体或非 Roobert 字体呈现。小写几何字体是品牌标志。
- 不要为游戏卡片添加边框或背景。2.85px 的半径本身是唯一需要的边框。
- 不要应用超过全局 -0.007em 的字间距——字体设计本就紧凑，扩大字间距会破坏几何节奏。
