Vetric 网站预览
Vetric 网站预览

Vetric

白色基底、衬线字形与细线分隔。

页面以白色为基底,搭配近黑色文字。字体采用 Noto Serif、Manrope。视觉特点包括衬线字形、细线分隔、扁平表面、居中构图。适合参考的场景:软件产品首页、服务说明页。

查看原始网站

使用规范

建议采用

  • 每个主要标题都采用Noto Serif 49–77px,下方配Manrope 16–19px正文;衬线与无衬线的对比是排版标志。
  • 需要强调色时,从#2969ff、#f75cc3、#ffd363和#5ab040四种棱镜色中选择,绝不引入第五种色相。
  • 虹彩渐变粉 → 蓝 → 黄 → 绿,只作为满幅分区色洗,或单个大型图形后方背景,绝不作为按钮填充或卡片背景。
  • 需要着色卡片或徽章时,使用#fffdea、#eaffed、#fff3fb和#e5f5ff四种粉彩色洗表面,与对应棱镜色匹配。
  • TRUSTED BY和分区引导等眉题采用Manrope 500、11px、0.06em字间距和全大写。
  • #090a1 Midnight Ink同时用于主要文字和填充主要CTA;唯一深色设计变量承载品牌严肃感。
  • 表面通过#e0e0e0或#c3dae3的1px边框分隔,绝不用投影。

建议避免

  • 不要采用投影、辉光或任何抬升效果;平面感是刻意的。
  • 按钮不要使用9999px完整圆角;7px圆角刻意接近方形。
  • 图标一次不要渲染超过一种颜色,也绝不用填充多色图标集。
  • 虹彩渐变上没有白色遮罩或叠加处理时,不要直接放正文;其对比度低于AA。
  • 不要引入新的强调色相;四色棱镜调色板是封闭的。
  • 正文或UI控件不要使用Noto Serif,它只留给编辑式标题。
  • 正文不要使用纯#000000;Midnight Ink(#090a1e)更温暖,也更符合品牌。