Buddy
白色基底、产品图像展示与胶囊形控件。
Obviously
白色基底、等宽文字标注与紧密字距。
页面以白色为基底，搭配深灰色文字。字体采用 Lustria、DM Sans。视觉特点包括等宽文字标注、紧密字距、细线分隔、衬线字形。适合参考的场景：AI 工具官网、产品能力介绍页。
查看原始网站使用规范
建议采用
- 仅使用 #7451f2 Iris Violet 作为唯一色彩强调——系统中所有填充的行动号召按钮、所有激活状态、所有紫色笔触均需采用此色。
- 将每个板块标题设置为Lustria 32–52px，字间距在 -0.02em 到 -0.05em 之间；标题绝不使用无衬线字体替代。
- 每个区块前放置 Martian Mono 的 11px 全大写小标签，颜色为 #858585，示例为 TRUSTED BY、INTEGRATIONS、SECURITY、YOUR NEXT HIRE。
- 所有卡片和按钮的圆角半径统一为4px，徽章类胶囊形标识的圆角半径统一为100px——其他值均不可使用。
- 在特性与集成板块中使用点状网格背景图案；首屏区域（首屏区域）保持干净的Paper White。
- 主行动号召按钮搭配一个轮廓状次级按钮，两者水平间距为16–24px——绝不出现两个填充的紫色按钮叠加。
- 正文保持16px DM Sans，行高1.6，颜色为#5d5d5d Slate，绝不使用#272727 Graphite Ink（该色仅用于标题）。
建议避免
- 不引入第二个色彩强调——系统为单色+一个紫色，而非多色。
- 不将Martian Mono用于正文或长文本——仅保留用于小于16px的全大写标签。
- 卡片、导航栏或图片不添加阴影——唯一的rgba(0,0,0,0.2) 0px 2px 4px 0px阴影仅属于主行动号召按钮。
- 不将#5952a1用作填充按钮背景——该色为轮廓式操作边框颜色，而非填充色。
- 不将标题使用DM Sans或正文使用Lustria——字体与角色的映射关系严格。
- 任何表面均不使用渐变、玻璃态或彩色高光——所有表面为平面或近平面。
- 每屏最多仅使用两种字体——系统为Lustria（衬线字体用于展示）+ DM Sans（UI）+ Martian Mono（标签）。
