Voiceflow
白色基底、胶囊形控件与细线分隔。
FlutterFlow
近黑色基底、胶囊形控件与渐变展示。
页面以近黑色为基底。字体采用 Urbanist、Inter。视觉特点包括胶囊形控件、渐变展示、细线分隔、宽松留白。适合参考的场景：开发者工具官网、API 服务介绍页。
查看原始网站使用规范
建议采用
- 在72–100px字号、500字重的Urbanist上使用3–4.5px字间距，用于首屏标题——宽字间距是品牌的标志性克制风格
- 所有行动号召按钮（CTA）设定为9999px胶囊圆角，绝不使用方形按钮——胶囊形状承载着友好开发工具的个性
- 在首屏区域左上方应用 Halo Violet 径向渐变，营造氛围深度，避免使用平涂色块。
- 采用三层表面层级（Obsidian #060311 → Onyx #161320 → 渐变渲染）进行分层——禁止添加阴影以实现立体感
- 仅在深色背景上将Electric Violet #5800fd与Pure White文字配对——对比度必须达到7:1以上以满足可访问性要求
- 所有卡片设定为24px圆角，搭配40px内边距——充足的内部空间是宽敞开发工具感的重要组成部分
- 使用Inter 24px字重300，0.27em字间距，用于所有大写标题标签，置于各节标题上方
建议避免
- 绝不引入超出紫调色系的新颜色——品牌为单色深色系，仅以单一色相作为点缀
- 绝不将标题的字间距收紧至0.03em以下——宽字间距是刻意设计，而非失误
- 绝不使用多层叠加的阴影——系统仅使用一个阴影令牌，更偏好使用渐变发光来营造深度
- 绝不使用方形或8px圆角按钮——仅胶囊形（9999px）为按钮的唯一几何形态
- 绝不将白色文字直接置于Electric Violet上，除非先验证对比度——必须遵守7:1的最低对比规则
- 绝不打破深色主题使用白色内容卡片——所有卡片应保持Onyx #161320，搭配紫调渐变高亮
- 绝不使用Urbanist字重高于600——该字体在粗体字重下会失去其几何平衡
