Voiceflow
白色基底、胶囊形控件与细线分隔。
Prevalent
白色基底、衬线字形与大字排版。
页面以白色为基底，搭配近黑色文字。局部操作控件以蓝色强调。字体采用 Tiempos Headline、Matter。视觉特点包括衬线字形、大字排版、细线分隔、扁平表面。适合参考的场景：SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 所有展示和区块标题必须使用Tiempos Headline 400——禁止在标题中使用无衬线字体，这种对比是品牌核心特征
- 在每个衬线标题内的Iris Voltage中精确还原2–3个关键名词的颜色为紫罗兰色；其余部分保持Pure Ink或Paper White
- 页面整体色彩负载必须控制在5%以下——紫罗兰色仅出现在一个CTA、每个卡片的一个链接及强调词中；其余部分保持为黑色、白色或藏青色
- 所有卡片和区块分隔线使用1px纯墨色（Pure Ink）细线；禁止使用阴影或彩色边框来分隔
- 在所有Tiempos字号上设置字间距为-0.02em，在所有Matter正文字号上设置为-0.01em——紧密的字间距是品牌语气的一部分
- 在着陆页以深藏青色首屏区域为主导；任何打开后呈现深色带的子页面均被视为同一系统的一部分
- 用手绘场景表现产品，展现人物与建筑，而非使用图片库或3D渲染
建议避免
- 不要引入第二个强调色——系统为单色加一紫罗兰色；珊瑚、绿色和橙色仅出现在插画艺术中
- 不要为卡片或按钮添加阴影、高光或彩色边框——分隔来自1px黑色细线或留白
- 不要在正文字号小于30px时使用Tiempos——衬线字体为展示字体，作为段落文本会显得杂乱
- 不要在按钮半径大于4px或卡片半径大于10px时使用圆角——更大的圆角会破坏编辑风格的扁平感
- 不要在白色背景上使用纯白标题——深藏青色首屏区域是唯一允许使用Paper White显示字体的场景
- 不要在Midnight Vault背景上使用紫罗兰色文本——对比度下降，强调色失去冲击力；仅在白色背景上为首屏区域正文和虹膜部分使用Paper White
- 不要用摄影填充页面；若需视觉表现，必须使用与首屏相同的插画式、充满童趣的场景风格
