Artboard 网站预览
Artboard 网站预览

Artboard

白色基底、大字排版与紧密字距。

页面以白色为基底,搭配近黑色文字。字体采用 Vend Sans。视觉特点包括大字排版、紧密字距、宽松留白、居中构图。适合参考的场景:设计作品集、创意服务介绍页。

查看原始网站

使用规范

建议采用

  • 所有展示、标题和标签文字都采用Vend Sans;正文由system-ui以16px承载,不争夺注意力。
  • 61px时采用-2.01px字间距,43px时为-0.99px;Vend Sans标题应紧缩,而非宽松。
  • 所有11–13px的Vend Sans标签采用宽字间距+0.045em,它们像全大写标签,而非正文。
  • 按钮默认描边样式,1px #0d1400边框、白色填充、8px圆角;深色填充变体只留给每个屏幕最重要的唯一操作。
  • 按钮、徽章和导航元素采用8px圆角,卡片和图标容器采用12px;这两种圆角定义几何语言。
  • #aaff00 Lime Voltage只用于激活状态、所选指示和强调标签,绝不要作为大面积填充或背景。
  • 分类在卡片层面使用桃色、天空色和薄荷色三种粉彩色洗编码;其余页面保持无彩色。

建议避免

  • 不要引入彩色填充按钮;系统优先描边,其次深色填充,任何其他按钮填充都会破坏纸上墨迹逻辑。
  • 正文或段落不要应用宽标签字间距+0.045em;它只属于11–13px的Vend Sans标签。
  • 卡片不要添加投影或抬升;深度来自粉彩色洗和细线边框,而非box-shadow。
  • #aaff00不要作为页面背景或大面积表面填充;它是强调标点,而非画布。
  • 不要将#0d1400与纯#000000混用;细微绿色底调是品牌语气的一部分。
  • 不要引入第三种border-radius;8px和12px是系统仅有的圆角。
  • 不要使用渐变填充;系统平面,色彩变化由实色粉彩卡片表面提供。