Buddy
白色基底、产品图像展示与胶囊形控件。
Brainfish
白色基底、衬线字形与网格布局。
页面以白色为基底，搭配近黑色文字。局部操作控件以黄绿色强调。字体采用 Geist、Fraunces。视觉特点包括衬线字形、网格布局、大字排版。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 将 #a3e635 亮绿专用于主要 CTA、'预约演示'按钮及首屏渐变光环——禁止作为文字颜色、图标填充或装饰背景使用
- 每个 Geist 600 字重标题必须搭配恰好一至两个 Fraunces 斜体强调词——斜体词应为对比性或限定性概念（如‘每一个’、‘实际上’、‘B2B 复杂性’、‘本周’）
- 在悬停或激活状态的交互元素上应用 2px 2px 0 0 #262626 硬性偏移阴影——禁止使用模糊型阴影
- 按钮边框圆角设为 4px（小型内联按钮）或 0px（大尺寸块状按钮）——系统明确拒绝在主界面使用胶囊形按钮
- 使用 #fcfff7 奶油色作为唯一高于 #ffffff 白色的卡面或分栏表面——这种温暖的米白是区分抬升区域与页面的关键，且不引入新的色彩体系
- 标题字号设为 56px（展示级）或 48px（标题-lg），字间距在 -0.28px 至 -0.96px 之间——禁止在展示尺寸下默认使用松散字间距
- 将地形等高线插图作为连续背景水印贯穿整个板块，而非作为单张首屏图像使用
建议避免
- 除亮绿和薄荷绿外，禁止引入任何第二类色彩强调——系统为单色，仅有两个明确的色彩时刻（亮绿用于行动，薄荷绿用于实时状态）
- 禁止使用柔和模糊的阴影——系统中所有阴影均为 2px 固定偏移的 #262626 墨色，否则不存在
- 禁止将按钮圆角设为 8px 以上——按钮圆角仅为 4px 或 0px，主界面绝不采用胶囊形（仅限标签和状态指示使用）
- 禁止使用 Fraunces 作为正文、按钮或完整标题——衬线字体仅用于 Geist 句中斜体强调词
- 禁止使用 #000000 作为边框或大面积填充——真正的黑色仅用于最强显示文本字重，所有笔画、边框及结构暗色均使用 #262626 墨色
- 禁止在正文背景或卡面添加渐变——系统中唯一的渐变是首屏的柔和亮绿径向光环
- 不要将大写和0.08em字间距应用于正文或标题——应保留用于小标签、徽章芯片和表格元数据（例如'PERSONALIZING FOR SARAH'，'ROLE:'）
