Vucko

浅色基底、渐变展示与大字排版。
页面以浅色为基底,搭配近黑色文字。字体采用 Suisse Int'l。视觉特点包括渐变展示、大字排版、细线分隔、单栏阅读排版。适合参考的场景:创意机构官网、项目作品集。
查看原始网站使用规范
建议采用
- 使用 #000000(墨水)作为所有主要文本、边框和深色表面块的颜色——它是系统中唯一的结构色
- 将首屏标志设置为 211px Suisse 字重 700,字间距 -12.03px——文字的意图是填满整个空间
- 在主容器上应用 56px 水平内边距,以及在主要区块之间保持 58px 的垂直间距
- 所有胶囊形元素(导航点、标签、胶囊按钮)均使用 9999px 圆角
- 使用色调层级(墨水 vs 钢铁色 #888a8b)而非字号或字重来强调次级文本
- 为项目卡片和内容容器使用 9.6px 圆角
- 在所有展示尺寸上应用负字间距:211px 时为 -12.03px,120px 时为 -6.84px,55px 时为 -1.1px,43px 时为 -0.43px
建议避免
- 绝不添加彩色 CTA 按钮——此系统仅使用下划线文本链接和中性胶囊元素
- 绝不使用阴影、发光效果或任何形式的 CSS 抬升——深度仅来自空白与对比
- 绝不居中正文——所有连续正文必须左对齐
- 绝不使用超过 1px 的边框厚度
- 绝不将色彩引入 UI 本身——色彩专属出现在项目展示内容中
- 绝不使用展示尺寸(55px 及以上)用于正文或次级内容——仅限用于标题和服务名称
- 绝不破坏空白节奏——保持主要区块间至少 58px 的间距,并让文字本身完成工作