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 字重变化与灰度阶差。
- 文字块不要添加背景、边框或卡片,文字应直接落在页面画布上。
- 文字、按钮或内容块不要应用投影,设计原则上平面。
- 文字不要居中,也不要用多列布局,一切都是左对齐单列。
- 蓝渐变不要放大填充大区域,也不要用在主要按钮上,它是装饰标点,而非品牌填充。