Scale 网站预览
Scale 网站预览

Scale

白色基底、等宽文字标注与大幅摄影展示。

页面以白色为基底,搭配近黑色文字。字体采用 Aeonik、Mono。视觉特点包括等宽文字标注、大幅摄影展示、大字排版。适合参考的场景:AI 服务首页、产品演示介绍页。

查看原始网站

使用规范

建议采用

  • 所有标题使用字重 400——权威来自尺寸和字间距,而非字重
  • 在 16–64px 字号范围内,统一应用 -0.01em 字间距
  • 卡片设置 16px 圆角,无边框阴影——由内边距和圆角定义表面形态
  • 所有标准层级卡片内部使用 32px 内边距
  • 内容宽度限制在 1280px 内,视口留出 16px 间距
  • 在设计多区块页面时,保持深色首屏 → 黑色虚无 → 白色产品表面的节奏
  • 使用四种强调色(暖棕、森林绿、尘土紫、灰蓝)作为分类区块颜色,而非装饰用途

建议避免

  • 标题不可使用粗体(600 以上)——该系统依赖字重 400 的克制感
  • 卡片或面板不可添加阴影——高度通过间距和色调传达
  • 不可将强调色用于白色背景上的文字——这些是表面染色,非前景元素
  • 不可引入渐变——配色刻意保持扁平
  • 标准组件的圆角不可低于 8px 或高于 24px
  • 正文内容字号不可超过 20px——超过此点可读性会崩溃
  • 按钮不可使用饱和的品牌色——行动号召系统为单色(黑色或白色)