Grafbase
浅灰色基底、产品图像展示与渐变展示。
Buddy
白色基底、产品图像展示与胶囊形控件。
页面以白色为基底，搭配深蓝色文字。字体采用 IBM Plex Sans、IBM Plex Mono。视觉特点包括产品图像展示、胶囊形控件、圆角卡片、渐变展示。适合参考的场景：技术产品首页、开发工具说明页。
查看原始网站使用规范
建议采用
- 使用 #bfff5a（Lime Spark）作为唯一的主行动色彩 —— 同一屏幕上绝不与其他饱和按钮填充色并用。
- 所有操作按钮的 border-radius 设为 56px，所有功能/产品卡片设为 24px；导航链接和标签胶囊仅使用 44px。
- 按比例应用负字间距：80px 时为 -3.6px，48px 时为 -1.0px，22px 时为 -0.26px。在显示文本中，绝不将字间距设为 0。
- 在每条标题中添加多色渐变笔触（青色→绿色→黄色→粉红），每条标题最多添加1到2个关键词——绝不要覆盖整个句子。
- 所有大写眉题标签采用IBM Plex Mono 12px/500和2px字间距，颜色始终为 #6b6d72（Pewter）。
- 产品截图的阴影采用五阶半透明 #1d2130 堆叠 —— 这是任何图像卡片的标志性抬升处理。
- 保持画布为 #fcfcfd，搭配 24-32px 网格纸叠加层，用于首屏和功能区域；仅在用户见证/横幅带区域切换为 #0a0d16。
建议避免
- 绝不将 青柠绿 #bfff5a 用于大面积填充、背景或非操作 UI —— 它的职责是每屏作为一个唯一的焦点。
- 绝不引入额外的饱和色彩进入界面 —— 彩虹仅属于功能卡片笔触、笔触和用户见证填充。
- 绝不使用方形角（0px）或默认 4px 半径于任何可见元素；所有可交互或容器元素必须呈现为胶囊或圆角卡片。
- 绝不使用 #000000 作为文字颜色 —— 系统采用 #1d2130（Midnight Ink）用于导航，#151720（Carbon）用于正文，#0a0d16（Obsidian）用于标题显示。
- 绝不为同一元素叠加多个不同基础色的阴影层 —— 色彩光晕（青色/青柠绿/薄荷绿）仅出现在最外层两个阴影停点。
- 正文段落不要居中，正文始终左对齐；居中只用于标题、眉题和标志带。
- 绝不将径向渐变用于文字、图标或边框 —— 这些渐变仅作为装饰性填充，用于卡片和笔触。
