reboot 网站预览
reboot 网站预览

reboot

近白色基底、胶囊形控件与渐变展示。

页面以近白色为基底,搭配近黑色文字。字体采用 Inter。视觉特点包括胶囊形控件、渐变展示、大字排版、单栏阅读排版。适合参考的场景:设计工作室首页、案例展示页。

查看原始网站

使用规范

建议采用

  • 所有正文与标题使用 Inter 字重 400、500,600 只留给文字标志。
  • 同一内容块以 #000000 → #232323 → #a7a7a7 三级灰度建立文字层级,而非跳到更大字号。
  • 每页唯一主要操作使用黑胶囊按钮:#000000 填充、9999px 圆角、#ffffff 文字、Inter 14px/500。
  • Sapphire Beam 渐变 #00c8fb → #1a2ff7 只用于 20–24px 内联标记图标,绝不用作背景或按钮填充。
  • 所有内容在 720px 页面容器内的一列窄列中左对齐,列最大约 480px。
  • 区块间距设为 80px,任何需要容纳内容的表面用 32px 内边距。
  • 卡片和非按钮容器圆角 16px,所有按钮与徽章 9999px。

建议避免

  • 不要引入已有两种渐变之外的彩色,色板是无彩色加两种强调渐变。
  • 字号不要超过三种,尺度刻意为 14 / 16 / 40。
  • 不要用颜色表示强调,改用 400 → 500 字重变化与灰度阶差。
  • 文字块不要添加背景、边框或卡片,文字应直接落在页面画布上。
  • 文字、按钮或内容块不要应用投影,设计原则上平面。
  • 文字不要居中,也不要用多列布局,一切都是左对齐单列。
  • 蓝渐变不要放大填充大区域,也不要用在主要按钮上,它是装饰标点,而非品牌填充。