Voiceflow
白色基底、胶囊形控件与细线分隔。
Quo (formerly OpenPhone)
近白色基底、产品图像展示与大字排版。
页面以近白色为基底。字体采用 Roobert、Inter。视觉特点包括产品图像展示、大字排版、细线分隔、扁平表面。适合参考的场景：效率工具官网、协作产品介绍页。
查看原始网站使用规范
建议采用
- #edfc47黄绿色只作为强调笔划，如标题中词语后方的强调矩形、图标填充或标签，绝不作为按钮背景或大面积表面填充。
- 标题采用Roobert 500、48-88px和-0.02em字间距；几何小写字形与紧密字间距，使编辑式尺度成立。
- #000000填充按钮是唯一主要操作，系统恰好只有一种按钮填充色。
- 唯一柔和阴影（rgba(0,0,0,0.1) 0px 11px 17px -10px）只用于产品截图框架；其他一切都保持平面，采用Silver细线或无边框。
- 字体系统按角色分工，20px及以上标题全部采用Roobert 500，18px及以下全部采用Inter，绝不要在同一字号中混用。
- 整页背景保持#f7f6f5 Newsprint，卡片、导航和产品框架采用#ffffff Paper，建立两级表面叠层。
- 卡片和按钮采用10px圆角，导航6px，胶囊100px；这三种圆角承载全部形状语言。
建议避免
- 不要用黄绿色填充按钮；强调色用于重点，而非操作。
- 不要使用多种按钮颜色；系统是单色加唯一强调，彩色按钮会破坏视觉约定。
- UI表面不要添加彩色渐变、投影或辉光效果；设计刻意保持平面。
- 正文不要采用Roobert；它是展示字体，在24px以下会失去易读性。
- 标题的letter-spacing不要宽于-0.01em；紧密字间距是编辑式感受的一部分。
- 不要引入第二种强调色；即使细微蓝绿变化，也会与黄绿色竞争并稀释系统。
- 不要叠加抬升，没有卡片上叠卡片、厚重阴影弹窗或悬停抬升变换；改用颜色对比和细线边框。
- 展示标题不要低于40px；Roobert 500字重需要足够尺度才能呈现编辑式气质。
