ONE 网站预览
ONE 网站预览

ONE

浅色基底、视频展示与胶囊形控件。

页面以浅色为基底，搭配近黑色文字。字体采用 MagicUiPro。视觉特点包括视频展示、胶囊形控件、居中构图。适合参考的场景：创意机构官网、项目作品集。

查看原始网站

使用规范

建议采用

  • 文字、边框与轮廓描边只使用 #000000；所有填充表面使用 #fbfbfa；#bec0c5 只用于弱化或次要文字和列表分割线。
  • 每个按钮的圆角设为 999px，每个卡片或视频画框的圆角设为 12px。
  • 字号只使用 18px、20px、24px，字重 500 或 600，字间距 -0.01em。
  • 视频画面和区块分隔至少留出 96px 垂直呼吸空间。
  • 文字标志与 Ghost Pill Button 放在页面边缘，不使用居中导航或面包屑。
  • 深色视频内容放在 12px 圆角画框内，不在 Paper 画布上满幅铺开。
  • 宣言列表采用单列，状态只通过字重与颜色表示，不用勾号、箭头或图标。

建议避免

  • 不要引入强调色、品牌色相或饱和填充；色板严格限制为墨色、纸色、灰烬色。
  • 任何表面都不要添加 box-shadow、渐变或背景模糊。
  • 字号不要高于 24px 或低于 18px，二者都会破坏标签尺度系统。
  • 不要使用字重 400 或 700；系统只允许 500 和 600。
  • 按钮不要使用方角或 4px 圆角；胶囊形是唯一允许的控件形状。
  • 不要添加填充或实色按钮变体；Ghost Pill Button 是唯一交互模式。
  • 页头不要添加图标、徽章或次级导航；界面外框恰好只有两个元素。

相似设计语言