Voiceflow
白色基底、胶囊形控件与细线分隔。
Vanta
近白色基底、衬线字形与胶囊形控件。
页面以近白色为基底，搭配近黑色文字。字体采用 Reckless、Inter Variable。视觉特点包括衬线字形、胶囊形控件、细线分隔、居中构图。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 任何页面级标题采用42–90px Reckless衬线，h2以下所有内容由Inter承担。
- #5e05c4只用于填充操作按钮与激活状态，每个视图只有一次饱和表达。
- 每个按钮、输入框和徽标采用999px圆角，胶囊是标志性特征。
- 卡片和区块边框采用1px #181822极细线，而非阴影。
- 页面以#ddd6ff薰衣草首屏带开场，之后转入正文的#f7f8fa画布。
- 正文中的行内链接与描边徽标引入#8f47d5，绝不作为填充表面。
- 字号尺度保持紧凑，90px展示文字字间距为-1.62px，随字号放大按比例收紧。
建议避免
- 卡片不要添加投影，平坦的1px边框处理就是系统。
- #5e05c4不要用于装饰图标填充、区块背景或文字颜色，它仅用于操作。
- 不要混乱使用圆角，避免按钮8px或卡片4px；999px/16px/8px三元组必须保持明确。
- 30px以下不要使用Reckless，衬线字体在小字号下失去可读性与品牌识别。
- 不要将蓝、绿或红作为强调色，系统为单色调的温暖紫罗兰。
- 不要将紫罗兰家族自身叠加；没有白色空间分隔时，绝不将#5e05c4按钮放在#ddd6ff背景上。
- 任何地方圆角都不要小于4px，锐利角落会与胶囊词汇冲突。
