Valo 网站预览
Valo 网站预览

Valo

近黑色基底、渐变展示与紧密字距。

页面以近黑色为基底,搭配白色文字。字体采用 Valo。视觉特点包括渐变展示、紧密字距、细线分隔、扁平表面。适合参考的场景:AI 工具官网、产品能力介绍页。

查看原始网站

使用规范

建议采用

  • 全部展示文字和正文都使用 Valo 300 字重;轻盈字重是品牌语气,而非后备选择。
  • 每个标题最多一个词使用 Spectrum Wash 渐变;彩色文字是标点,而非涂料。
  • 每个交互元素,包括按钮、链接图标与标签,都用 9999px 圆角;圆形是体系唯一交互几何。
  • 展示标题在 100px 时采用 -2.7px letter-spacing,60px 时采用 -0.78px;负字间距让大字像雕刻而非打字。
  • 全部小型大写标签、导航项和编号前缀使用 0.1em letter-spacing,宽字间距表达科学精度。
  • 每个分区以 10px 大写 Section Label Tag 锚定,文字旗标赋予页面杂志式结构。
  • 连续内容块使用 01、02 编号模式;有序组织显得系统化,贴合探索叙事。

建议避免

  • 正文或长段落不使用 700 字重,语气轻盈;700 仅属于副标题和微型标签。
  • Spectrum Wash 渐变不用于按钮背景、面板填充或大面积表面,只用于文字强调、圆环描边与页脚条带。
  • 不引入卡片表面、投影或抬升面板;画布保持扁平,深度来自字体尺度,而非 z-axis。
  • 边框不超过 1px;整个体系采用细线,即 1px Bone,过粗会破坏编辑语气。
  • 紫→蓝→青→薰衣草色阶之外不加彩色品牌色;体系有意近单色,只用一个渐变家族。
  • 正文或多行内容不居中,布局左对齐,文字列宽应与标题边缘对齐。
  • 不使用图库摄影、表情符号或装饰插画;视觉仅有渐变环面和页脚铺色,其余都是文字与留白。