Ventriloc

白色基底、胶囊形控件与等宽字体。
页面以白色为基底,搭配近黑色文字。局部操作控件以橙色强调。字体采用 PolySans、Inter。视觉特点包括胶囊形控件、等宽字体、分屏构图、宽松留白。适合参考的场景:SaaS 产品官网、功能介绍页。
查看原始网站使用规范
建议采用
- 所有标题均使用 PolySans 专一于 400 字重——绝不使用粗体显示字体;这种轻盈的字重是其标志性特征
- 为突出内容卡片应用非对称边距圆角 6px 0px 0px;数据控件保留 20px 圆角,按钮则为 0px
- 保持页面 95% 无彩色;仅允许 Ember Orange(#ff682c)以链接下划线、图表高亮和小型图标点缀的形式出现
- 元素间距使用 20px,区块间间距为 80px——充足的空白是编辑性语调得以成立的关键
- 正文与 UI 文字统一使用 Inter;标题、导航项和按钮标签仅使用 PolySans
- 各区块之间通过交替使用白色画布与灰白(#efefef)表面带状区域分隔,而非分隔线或阴影
- 所有 PolySans 文字元素的字间距设置为 -0.02em——这是字体本身的核心特征
建议避免
- 不要对 PolySans 标题使用粗体——大字号下 400 字重本身就是重点;粗体会破坏编辑性的克制感
- 不要将 Ember Orange 用作填充按钮背景——它仅作为高亮和链接的点缀色,而非行动号召(CTA)填充
- 不要为卡片或按钮添加阴影——深度来自表面色彩对比,而非堆叠感
- 不要为所有元素使用对称圆角;6px 0px 0px 的非对称圆角和 0px 按钮圆角是刻意的对比设计
- 不要引入蓝色、绿色或其他彩色——仅限双暖色系统(余烬 + Brass)
- 不要在标题显示部分将行高设为超过 1.25;66px 字体搭配 0.91 的行高,营造出紧凑、海报感的标题效果
- 不要过度填充布局——若需增加装饰,应通过增加空白来实现